Fix support rule in site-header.tsx (#1628)

Fixes https://github.com/shadcn-ui/ui/issues/1627 if that is desired.
This commit is contained in:
Olle Månsson
2023-10-19 20:10:45 +02:00
committed by GitHub
parent 4ec8a67dab
commit 648ddde3a2
2 changed files with 2 additions and 2 deletions

View File

@@ -11,7 +11,7 @@ import { buttonVariants } from "@/registry/new-york/ui/button"
export function SiteHeader() {
return (
<header className="supports-backdrop-blur:bg-background/60 sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur">
<header className="sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
<div className="container flex h-14 items-center">
<MainNav />
<MobileNav />

View File

@@ -8,7 +8,7 @@ import { ThemeToggle } from "@/components/theme-toggle"
export function SiteHeader() {
return (
<header className="bg-background sticky top-0 z-40 w-full border-b">
<header className="sticky top-0 z-40 w-full border-b bg-background">
<div className="container flex h-16 items-center space-x-4 sm:justify-between sm:space-x-0">
<MainNav items={siteConfig.mainNav} />
<div className="flex flex-1 items-center justify-end space-x-4">