feat(about): add Fable 5 Verified banner to About section

Display the Fable 5 Verified banner to the right of the app name and version block on the settings About page, marking this as a special build. Center the version badge under the app name so the two rows share a common axis.

The app-side asset lives at src/assets/fable5-verified.png (imported via the @ alias and bundled by Vite); the original source banner is kept under assets/partners/banners/ alongside the other partner banners.
This commit is contained in:
Jason
2026-06-14 16:17:33 +08:00
parent fee354d09e
commit 9a3d6a4e84
3 changed files with 32 additions and 23 deletions
Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

+10 -1
View File
@@ -35,6 +35,7 @@ import { useUpdate } from "@/contexts/UpdateContext";
import { Badge } from "@/components/ui/badge";
import { motion } from "framer-motion";
import appIcon from "@/assets/icons/app-icon.png";
import fable5VerifiedBanner from "@/assets/fable5-verified.png";
import { APP_ICON_MAP } from "@/config/appConfig";
import type { AppId } from "@/lib/api/types";
import { extractErrorMessage } from "@/utils/errorUtils";
@@ -766,7 +767,8 @@ export function AboutSection({ isPortable }: AboutSectionProps) {
className="rounded-xl border border-border bg-gradient-to-br from-card/80 to-card/40 p-6 space-y-5 shadow-sm"
>
<div className="flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
<div className="space-y-2">
<div className="flex items-center gap-8">
<div className="flex flex-col items-center gap-2">
<div className="flex items-center gap-2">
<img src={appIcon} alt="CC Switch" className="h-5 w-5" />
<h4 className="text-lg font-semibold text-foreground">
@@ -792,6 +794,13 @@ export function AboutSection({ isPortable }: AboutSectionProps) {
)}
</div>
</div>
<img
src={fable5VerifiedBanner}
alt="Fable 5 Verified"
className="h-16 w-auto shrink-0 select-none"
draggable={false}
/>
</div>
<div className="flex items-center gap-2">
<Button