mohs/sass-mohfarawati
1
0
Fork 0
Code Issues Pull Requests Actions 8 Packages Projects Releases Wiki Activity

Fix local admin routing and landing styles

Browse Source
This commit is contained in:
MOH
2026-05-12 08:17:55 +02:00
parent 868eb80374
commit 8add8b018a
8 changed files with 58 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/layout/ascii-water-ripple.tsx
+30 -24
View File
@@ -7,7 +7,9 @@ import { SiteLogo } from "@/components/layout/site-logo";
type AsciiWaterRippleProps = {
lightLogoUrl?: string | null;
darkLogoUrl?: string | null;
logoAlt: string;
logoAlt?: string;
showLogo?: boolean;
className?: string;
};
const glyphs = [".", ":", "+", "*", "o"];
@@ -38,10 +40,12 @@ const ripplePoints = buildRipplePoints();
export function AsciiWaterRipple({
lightLogoUrl,
darkLogoUrl,
logoAlt,
logoAlt = "",
showLogo = true,
className,
}: AsciiWaterRippleProps) {
return (
<div className="relative flex h-[14rem] w-full items-center justify-center overflow-visible sm:h-[17rem] lg:h-[20rem]">
<div className={className ?? "relative flex h-[14rem] w-full items-center justify-center overflow-visible sm:h-[17rem] lg:h-[20rem]"}>
<motion.div
animate={{
scale: [0.96, 1.08, 0.98],
@@ -104,27 +108,29 @@ export function AsciiWaterRipple({
))}
</motion.div>
<motion.div
animate={{
boxShadow: [
"0 0 0 1px hsl(var(--primary) / 0.24), 0 0 42px hsl(var(--primary) / 0.22)",
"0 0 0 1px hsl(var(--primary) / 0.34), 0 0 84px hsl(var(--primary) / 0.34)",
"0 0 0 1px hsl(var(--primary) / 0.24), 0 0 42px hsl(var(--primary) / 0.22)",
],
scale: [1, 1.02, 1],
y: [0, -3, 0],
}}
transition={{ duration: 4.8, repeat: Number.POSITIVE_INFINITY, ease: "easeInOut" }}
className="relative z-10 flex h-28 w-28 items-center justify-center rounded-full border border-primary/30 bg-background/92 p-2 backdrop-blur-xl sm:h-32 sm:w-32 lg:h-40 lg:w-40"
>
<SiteLogo
lightLogoUrl={lightLogoUrl}
darkLogoUrl={darkLogoUrl}
alt={logoAlt}
priority
className="h-full w-full object-center"
/>
</motion.div>
{showLogo && (
<motion.div
animate={{
boxShadow: [
"0 0 0 1px hsl(var(--primary) / 0.24), 0 0 42px hsl(var(--primary) / 0.22)",
"0 0 0 1px hsl(var(--primary) / 0.34), 0 0 84px hsl(var(--primary) / 0.34)",
"0 0 0 1px hsl(var(--primary) / 0.24), 0 0 42px hsl(var(--primary) / 0.22)",
],
scale: [1, 1.02, 1],
y: [0, -3, 0],
}}
transition={{ duration: 4.8, repeat: Number.POSITIVE_INFINITY, ease: "easeInOut" }}
className="relative z-10 flex h-28 w-28 items-center justify-center rounded-full border border-primary/30 bg-background/92 p-2 backdrop-blur-xl sm:h-32 sm:w-32 lg:h-40 lg:w-40"
>
<SiteLogo
lightLogoUrl={lightLogoUrl}
darkLogoUrl={darkLogoUrl}
alt={logoAlt}
priority
className="h-full w-full object-center"
/>
</motion.div>
)}
</div>
);
}