diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/app/layout.tsx | 4 | ||||
| -rw-r--r-- | src/components/header/NavBar.tsx | 5 |
2 files changed, 5 insertions, 4 deletions
diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 194dca2..b8523d0 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -20,7 +20,9 @@ export default function RootLayout({ }>) { return ( <html lang="en"> - <body className={`${nunito.className} antialiased px-37.5`}> + <body + className={`${nunito.className} antialiased px-37.5 xl:px-10`} + > <div className="max-w-375 min-h-dvh flex flex-col mx-auto"> <GlobalContextProvider> <Header /> 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" |