From a6ec45c2073786eed5e7020887d24dfaba94de6d Mon Sep 17 00:00:00 2001 From: l3wdfut4pwr l3wdfut4pwr Date: Thu, 22 Jan 2026 07:14:19 +0200 Subject: update navbar --- src/app/globals.css | 7 +++++++ src/app/layout.tsx | 2 +- src/components/header/NavBar.tsx | 34 +++++++++++++++++++++------------- src/components/header/SubNav.tsx | 2 +- src/components/ui/switch.tsx | 2 +- 5 files changed, 31 insertions(+), 16 deletions(-) diff --git a/src/app/globals.css b/src/app/globals.css index 51cd92c..9420f04 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -3,6 +3,13 @@ @custom-variant dark (&:is(.dark *)); +@theme { + --breakpoint-sm: 480px; + --breakpoint-md: 768px; + --breakpoint-xl: 1280px; /* старт xl с 1280 */ + --breakpoint-2xl: 1920px; /* старт 2xl с 1920 */ +} + :root { --background: #05040a; --foreground: #ffffff; diff --git a/src/app/layout.tsx b/src/app/layout.tsx index b8523d0..e81e45b 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -23,7 +23,7 @@ export default function RootLayout({ -
+
diff --git a/src/components/header/NavBar.tsx b/src/components/header/NavBar.tsx index 34e9fd0..e83d238 100644 --- a/src/components/header/NavBar.tsx +++ b/src/components/header/NavBar.tsx @@ -7,8 +7,8 @@ import DiscordIcon from '@icons/discord.svg'; import { Switch } from '@/components/ui/switch'; export function NavBar() { return ( -
-
+
+
-
+
- -
-
- AI +
+
+ + AI +
-
- NSFW +
+ + NSFW +
-
@@ -49,8 +57,8 @@ export function NavBar() { function Search() { return ( -
-
+
+
+
); } diff --git a/src/components/header/SubNav.tsx b/src/components/header/SubNav.tsx index a446ff0..0961cc1 100644 --- a/src/components/header/SubNav.tsx +++ b/src/components/header/SubNav.tsx @@ -5,7 +5,7 @@ import { cn } from '@/lib/utils'; export function SubNav() { return ( -
+
ТЕГИ diff --git a/src/components/ui/switch.tsx b/src/components/ui/switch.tsx index 26fe2c3..1343d69 100644 --- a/src/components/ui/switch.tsx +++ b/src/components/ui/switch.tsx @@ -13,7 +13,7 @@ function Switch({