ordinarthur/rubis
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update frontend ( tarpin bo )

Browse Source
This commit is contained in:
ordinarthur 2026-05-06 15:15:07 +02:00
parent 704f472729
commit 57e1d0d0be
3 changed files with 24 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
apps/web/src/assets/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 846 KiB

15
apps/web/src/components/brand/Brand.tsx
View File

@ -1,6 +1,6 @@
import { Gem } from "./Gem";
import { cn } from "@/lib/utils";
import { cn } from "@/lib/utils";
import logo from "@/assets/logo.png";
/** /**
* Lockup horizontal : ◆ + "Rubis" (+ optionnel "sur l'ongle" en suffixe italique muted). * Lockup horizontal : ◆ + "Rubis" (+ optionnel "sur l'ongle" en suffixe italique muted).
* À utiliser dans les headers, le sidebar, les emails. * À utiliser dans les headers, le sidebar, les emails.
@ -13,9 +13,10 @@ type BrandProps = {
/** Taille du gem (le wordmark s'aligne dessus). */ /** Taille du gem (le wordmark s'aligne dessus). */
gemSize?: number; gemSize?: number;
className?: string; className?: string;
onlyImage?: boolean;
}; };
export function Brand({ withSuffix = false, gemSize = 22, className }: BrandProps) { export function Brand({ withSuffix = false, onlyImage = false, className }: BrandProps) {
return ( return (
<span <span
className={cn( className={cn(
@ -24,7 +25,11 @@ export function Brand({ withSuffix = false, gemSize = 22, className }: BrandProp
className, className,
)} )}
> >
<Gem size={gemSize} aria-label="Rubis Sur l'Ongle" /> {onlyImage ? (
<img src={logo} alt="Logo" className="w-10 h-10 border-2 border-rubis rounded-xl" />
) : (
<>
<img src={logo} alt="Logo" className="w-8 h-8 border-2 border-rubis rounded-xl" />
<span className="leading-none"> <span className="leading-none">
Rubis Rubis
{withSuffix && ( {withSuffix && (
@ -38,6 +43,8 @@ export function Brand({ withSuffix = false, gemSize = 22, className }: BrandProp
</span> </span>
)} )}
</span> </span>
</>
)}
</span> </span>
); );
} }

7
apps/web/src/components/dashboard/RubisHero.tsx
View File

@ -1,7 +1,7 @@
import { Gem } from "@/components/brand/Gem";
import { Card } from "@/components/ui/Card"; import { Card } from "@/components/ui/Card";
import { formatRubisToHours } from "@/lib/format"; import { formatRubisToHours } from "@/lib/format";
import { cn } from "@/lib/utils"; import { cn } from "@/lib/utils";
import { Brand } from "../brand/Brand";
/** /**
* RubisHero — la pièce centrale du dashboard. * RubisHero — la pièce centrale du dashboard.
@ -46,10 +46,7 @@ export function RubisHero({
<div className="relative z-10 flex flex-col gap-6 sm:flex-row sm:items-center sm:gap-8"> <div className="relative z-10 flex flex-col gap-6 sm:flex-row sm:items-center sm:gap-8">
<div className="flex shrink-0 items-center gap-4 sm:flex-col sm:items-center sm:gap-1"> <div className="flex shrink-0 items-center gap-4 sm:flex-col sm:items-center sm:gap-1">
<Gem size={56} glow aria-label="Compteur de rubis" /> <Brand onlyImage={true} />
<p className="text-[10.5px] font-semibold uppercase tracking-[0.16em] text-ink-3 sm:mt-1">
Rubis
</p>
</div> </div>
<div className="flex-1 min-w-0"> <div className="flex-1 min-w-0">