From 6da021adebe8b2f429bc1c7202680e37776638c8 Mon Sep 17 00:00:00 2001 From: odeta939 Date: Fri, 20 Oct 2023 13:22:01 +0200 Subject: [PATCH] prifile page and nav bar made responsive --- vinoa-web/app/globals.css | 8 ++-- .../components/Navigation/Navigation.tsx | 8 ++-- .../components/UserProfile/UserProfile.tsx | 29 +++++++++----- vinoa-web/lib/assets/Logo.tsx | 40 ++++++++++++++----- vinoa-web/lib/assets/ProfileLogo.tsx | 6 +-- 5 files changed, 59 insertions(+), 32 deletions(-) diff --git a/vinoa-web/app/globals.css b/vinoa-web/app/globals.css index 7bb8480..b5cfda9 100644 --- a/vinoa-web/app/globals.css +++ b/vinoa-web/app/globals.css @@ -2,17 +2,15 @@ @tailwind components; @tailwind utilities; - body { @apply bg-white; @apply text-black; - - min-height: 100vh; + min-height: 100dvh; } -nav li{ +nav li { @apply bg-[#F5F5F5]; @apply rounded-md; @apply px-4; @apply py-2; -} \ No newline at end of file +} diff --git a/vinoa-web/components/Navigation/Navigation.tsx b/vinoa-web/components/Navigation/Navigation.tsx index a5fd187..a31484a 100644 --- a/vinoa-web/components/Navigation/Navigation.tsx +++ b/vinoa-web/components/Navigation/Navigation.tsx @@ -6,14 +6,14 @@ import { usePathname } from 'next/navigation'; const Navigation = () => { const path = usePathname(); return ( -