versia-pub/docs
2
0
Fork 0
mirror of https://github.com/versia-pub/docs.git synced 2026-03-13 02:49:16 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

chore: ⬆️ Upgrade to Tailwind v4

Browse source
This commit is contained in:
Jesse Wierzbinski 2025-05-14 18:25:40 +02:00
parent e363639803
commit 737969835d
No known key found for this signature in database
24 changed files with 741 additions and 402 deletions
Download patch file Download diff file Expand all files Collapse all files

10
components/Header.tsx
View file

@ -3,7 +3,7 @@ import { motion, useScroll, useTransform } from "framer-motion";
import Link from "next/link";
import {
type CSSProperties,
type ElementRef,
type ComponentRef,
type ReactNode,
forwardRef,
} from "react";
@ -37,7 +37,7 @@ function TopLevelNavItem({
);
}
export const Header = forwardRef<ElementRef<"div">, { className?: string }>(
export const Header = forwardRef<ComponentRef<"div">, { className?: string }>(
function Header({ className }, ref) {
const { isOpen: mobileNavIsOpen } = useMobileNavigationStore();
const isInsideMobileNavigation = useIsInsideMobileNavigation();
@ -51,13 +51,13 @@ export const Header = forwardRef<ElementRef<"div">, { className?: string }>(
ref={ref}
className={clsx(
className,
// Add bg-construction bg-opacity-10 [background-size:57px_57px] classes to make it striped
// Add "construction" class to make it striped
"fixed inset-x-0 top-0 z-50 flex h-14 items-center justify-between gap-2 px-4 transition sm:px-6 lg:left-72 lg:z-30 lg:px-8 xl:left-80",
!isInsideMobileNavigation &&
"backdrop-blur-sm lg:left-72 xl:left-80 dark:backdrop-blur",
"backdrop-blur-xs lg:left-72 xl:left-80 dark:backdrop-blur-sm",
isInsideMobileNavigation
? "bg-white dark:bg-zinc-900"
: "bg-white/[var(--bg-opacity-light)] dark:bg-zinc-900/[var(--bg-opacity-dark)]",
: "bg-white/(--bg-opacity-light) dark:bg-zinc-900/(--bg-opacity-dark)",
)}
style={
{