Adjust Arabic header wordmark layout
This commit is contained in:
@@ -198,10 +198,11 @@ export function SiteHeader({
|
|||||||
initial={reducedMotion ? false : { opacity: 0, x: 16, filter: "blur(8px)" }}
|
initial={reducedMotion ? false : { opacity: 0, x: 16, filter: "blur(8px)" }}
|
||||||
animate={{ opacity: 1, x: 0, filter: "blur(0px)" }}
|
animate={{ opacity: 1, x: 0, filter: "blur(0px)" }}
|
||||||
transition={reducedMotion ? { duration: 0 } : { duration: 0.42, delay: 0.12, ease: [0.22, 1, 0.36, 1] }}
|
transition={reducedMotion ? { duration: 0 } : { duration: 0.42, delay: 0.12, ease: [0.22, 1, 0.36, 1] }}
|
||||||
className="flex flex-col text-[1.28rem] font-black leading-[1.2]"
|
className="text-[1.28rem] font-black leading-[1.2] whitespace-nowrap"
|
||||||
dir="rtl"
|
dir="rtl"
|
||||||
>
|
>
|
||||||
<span className="text-[hsl(var(--hero-ink))] dark:text-foreground">مــــحـــمــد</span>
|
<span className="text-[hsl(var(--hero-ink))] dark:text-foreground">مــــحـــمــد</span>
|
||||||
|
{" "}
|
||||||
<span className="text-primary">فــــرواتـــي</span>
|
<span className="text-primary">فــــرواتـــي</span>
|
||||||
</motion.span>
|
</motion.span>
|
||||||
) : (
|
) : (
|
||||||
|
|||||||
Reference in New Issue
Block a user