nyne/nysoure
1
0
Fork 0
mirror of https://github.com/wgh136/nysoure.git synced 2025-12-16 07:51:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: Update UI

Browse Source
This commit is contained in:
nyne
2025-11-28 19:55:35 +08:00
parent 4f1600296c
commit 26f5308d9a
3 changed files with 9 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/gallery.tsx
View File

@@ -410,7 +410,7 @@ function GalleryImage({ src, nfsw }: { src: string; nfsw: boolean }) {
<img <img
src={src} src={src}
alt="" alt=""
className={`w-full h-full object-contain transition-all duration-300 ${!show ? "blur-xl" : ""}`} className={`w-full h-full object-cover transition-all duration-300 ${!show ? "blur-xl" : ""}`}
/> />
{!show && ( {!show && (
<> <>

4
frontend/src/pages/home_page.tsx
View File

@@ -187,7 +187,7 @@ function PinnedResourcesCarousel({
</div> </div>
</div> </div>
{resources.length > 1 && ( {resources.length > 1 && (
<div className="absolute bottom-4 left-1/2 transform -translate-x-1/2 flex gap-2 z-10"> <div className="absolute bottom-2 left-1/2 transform -translate-x-1/2 flex gap-2 z-10">
{resources.map((_, index) => ( {resources.map((_, index) => (
<button <button
key={index} key={index}
@@ -232,7 +232,7 @@ function PinnedResourceItem({ resource }: { resource: Resource }) {
/> />
</figure> </figure>
)} )}
<div className="p-4 absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/70 to-transparent"> <div className="p-4 absolute bottom-2 left-0 right-0 bg-gradient-to-t from-black/70 to-transparent">
<h2 className="break-all card-title text-white">{resource.title}</h2> <h2 className="break-all card-title text-white">{resource.title}</h2>
</div> </div>
</div> </div>

11
frontend/src/pages/resource_details_page.tsx
View File

@@ -909,12 +909,7 @@ function CloudflarePopup({ file }: { file: RFile }) {
}} }}
></Turnstile> ></Turnstile>
</div> </div>
<p className={"text-xs text-base-content/80 m-2"}> {downloadToken ? (
{t(
"Please check your network if the verification takes too long or the captcha does not appear.",
)}
</p>
{downloadToken && (
<div className="p-2"> <div className="p-2">
<a <a
href={network.getFileDownloadLink(file.id, downloadToken)} href={network.getFileDownloadLink(file.id, downloadToken)}
@@ -928,7 +923,11 @@ function CloudflarePopup({ file }: { file: RFile }) {
{t("Download")} {t("Download")}
</a> </a>
</div> </div>
) : <p className={"text-xs text-base-content/80 m-2"}>
{t(
"Please check your network if the verification takes too long or the captcha does not appear.",
)} )}
</p>}
</div> </div>
); );
} }