From 7b234f84b59c81be0c4e50eeb8feaeadc8d70840 Mon Sep 17 00:00:00 2001 From: developomp Date: Mon, 26 Jul 2021 14:59:08 +0900 Subject: [PATCH] fixed shadow not applying to the whole navbar on large displays --- source/src/components/Navbar.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/source/src/components/Navbar.tsx b/source/src/components/Navbar.tsx index 9097d09..1eb808a 100644 --- a/source/src/components/Navbar.tsx +++ b/source/src/components/Navbar.tsx @@ -26,6 +26,7 @@ const StyledNav = styled.nav` light: theming.light.color0, dark: theming.dark.color0, })}; + box-shadow: 0 4px 10px rgb(0 0 0 / 5%); ` const StyledContainer = styled.div` @@ -34,7 +35,6 @@ const StyledContainer = styled.div` display: flex; height: 2rem; padding: 1rem; - box-shadow: 0 4px 10px rgb(0 0 0 / 5%); /* 20px is for scrollbar */ @media only screen and (min-width: calc(${theming.size