diff options
| author | l3wdfut4pwr <l3wdfut4pwr@gmail.com> | 2025-12-30 14:01:45 +0200 |
|---|---|---|
| committer | l3wdfut4pwr <l3wdfut4pwr@gmail.com> | 2025-12-30 14:01:45 +0200 |
| commit | d092cdeb5bf3f91202b96bf189473ef5cb282b8d (patch) | |
| tree | 8652e8e0c47c90788216b5f15e7f3f9ab299a42c /src/components/header | |
| parent | c3dcb9c827df6d80ad1b0b1a7c6155561527b39d (diff) | |
add xl size header support
Diffstat (limited to 'src/components/header')
| -rw-r--r-- | src/components/header/NavBar.tsx | 5 |
1 files changed, 2 insertions, 3 deletions
diff --git a/src/components/header/NavBar.tsx b/src/components/header/NavBar.tsx index f186904..34e9fd0 100644 --- a/src/components/header/NavBar.tsx +++ b/src/components/header/NavBar.tsx @@ -1,4 +1,3 @@ -//import { ShuffleIcon } from 'lucide-react'; import ShuffleIcon from '@icons/ShuffleIcon.svg'; import Image from 'next/image'; import { Button, Input } from '../ui'; @@ -9,7 +8,7 @@ import { Switch } from '@/components/ui/switch'; export function NavBar() { return ( <div className="flex w-full justify-between py-7.5 h-[110] items-center"> - <div className="flex min-w-[267] max-w-[750] grow items-center gap-7.5"> + <div className="flex min-w-[267] max-w-[750] xl:max-w-[691] grow items-center gap-7.5"> <Link href="/" className="shrink-0 "> <Image src="/icons/logo.svg" @@ -50,7 +49,7 @@ export function NavBar() { function Search() { return ( - <div className="flex w-[409] h-[50] border-2 items-center rounded-4xl p-3.75"> + <div className="flex w-[409] xl:w-[350] h-[50] border-2 items-center rounded-4xl p-3.75"> <div className="flex w-full gap-1.25"> <Image src="/icons/search.svg" |