terry/Arkie-Library-Frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: unify home download button sizing

Browse Source
This commit is contained in:
TerryM
2026-06-05 18:47:04 +08:00
parent 908f89ac24
commit 2d003c6fef
4 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/LatestUpdateCard.tsx
View File

@@ -64,15 +64,15 @@ function LatestActions({
isDownloading ? t("downloading") : `Download ${attachment.filename}`
}
aria-busy={isDownloading}
className="relative z-20 flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-[#191921] transition hover:bg-[#22232D] disabled:cursor-wait"
className="relative z-20 flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-[#191921] text-white outline-none transition hover:bg-[#22232D] focus-visible:ring-2 focus-visible:ring-ark-gold/70 disabled:cursor-wait"
>
{isDownloading ? (
<LoaderCircle
className="h-5 w-5 animate-spin text-[#A8A9AE]"
className="h-4 w-4 animate-spin text-[#A8A9AE]"
strokeWidth={2.3}
/>
) : (
<DownloadCloudIcon />
<DownloadCloudIcon className="h-5 w-5" />
)}
</button>
) : null}

6
src/components/RecommendedCard.tsx
View File

@@ -193,7 +193,7 @@ export function RecommendedCard({
type="button"
className={
useFigmaDesign
? "relative z-20 flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-[#191921] text-white outline-none transition hover:bg-[#22232D] active:scale-95 focus-visible:ring-2 focus-visible:ring-ark-gold/80 disabled:cursor-wait"
? "relative z-20 flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-[#191921] text-white outline-none transition hover:bg-[#22232D] active:scale-95 focus-visible:ring-2 focus-visible:ring-ark-gold/80 disabled:cursor-wait"
: "relative z-20 shrink-0 rounded-lg p-1 text-white outline-none transition hover:bg-ark-gold/10 active:scale-95 focus-visible:ring-2 focus-visible:ring-ark-gold/80 disabled:cursor-wait"
}
title={isDownloading ? t("downloading") : t("download")}
@@ -208,11 +208,11 @@ export function RecommendedCard({
>
{isDownloading ? (
<LoaderCircle
className="h-5 w-5 animate-spin"
className="h-4 w-4 animate-spin"
strokeWidth={2.2}
/>
) : useFigmaDesign ? (
<DownloadCloudIcon className="h-6 w-6" />
<DownloadCloudIcon className="h-5 w-5" />
) : (
<Download className="h-5 w-5" strokeWidth={2.2} />
)}

2
src/components/messageStream/BubbleAttachmentDownloadButton.tsx
View File

@@ -60,7 +60,7 @@ export function BubbleAttachmentDownloadButton({
{isDownloading ? (
<LoaderCircle className="h-4 w-4 animate-spin" strokeWidth={2.2} />
) : (
<DownloadCloudIcon className="h-4 w-4" />
<DownloadCloudIcon className="h-5 w-5" />
)}
</button>
);

6
src/components/messageStream/bubbles/FileDocBubble.tsx
View File

@@ -167,7 +167,7 @@ function LatestFileCard({ post }: { post: Post }) {
type="button"
onClick={handleDownload}
disabled={isDownloading}
className="flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-[#191921] transition hover:bg-[#22232D] disabled:cursor-wait"
className="flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-[#191921] transition hover:bg-[#22232D] disabled:cursor-wait"
aria-label={
isDownloading ? t("downloading") : `Download ${att.filename}`
}
@@ -175,11 +175,11 @@ function LatestFileCard({ post }: { post: Post }) {
>
{isDownloading ? (
<LoaderCircle
className="h-5 w-5 animate-spin text-[#A8A9AE]"
className="h-4 w-4 animate-spin text-[#A8A9AE]"
strokeWidth={2.3}
/>
) : (
<DownloadCloudIcon />
<DownloadCloudIcon className="h-5 w-5" />
)}
</button>
</div>