pomp/pompy.dev
1
0
Fork 0
Code Issues 8 Pull requests Activity Actions

fixed shadow not applying to the whole navbar on large displays

Browse source
This commit is contained in:
Kim, Jimin 2021-07-26 14:59:08 +09:00
parent dbb735eade
commit 7b234f84b5
1 changed files with 1 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

2
source/src/components/Navbar.tsx
View file

@ -26,6 +26,7 @@ const StyledNav = styled.nav`
light: theming.light.color0, light: theming.light.color0,
dark: theming.dark.color0, dark: theming.dark.color0,
})}; })};
box-shadow: 0 4px 10px rgb(0 0 0 / 5%);
` `
const StyledContainer = styled.div` const StyledContainer = styled.div`
@ -34,7 +35,6 @@ const StyledContainer = styled.div`
display: flex; display: flex;
height: 2rem; height: 2rem;
padding: 1rem; padding: 1rem;
box-shadow: 0 4px 10px rgb(0 0 0 / 5%);
/* 20px is for scrollbar */ /* 20px is for scrollbar */
@media only screen and (min-width: calc(${theming.size @media only screen and (min-width: calc(${theming.size