hazemKrimi/personal-website
1
0
Fork 0
mirror of https://github.com/hazemKrimi/personal-website.git synced 2026-05-01 18:00:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Change mobile nav component grid styles

Browse Source
This commit is contained in:
Hazem Krimi
2021-01-12 23:33:17 +01:00
parent f79c18d097
commit e53500bd82
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/MobileNav.tsx
+5 -2
View File
@@ -26,10 +26,13 @@ const Bar = styled.nav<StyledProps>`
background: ${({ theme, dark }) => (dark ? theme.colors.dark.text : theme.colors.light.text)}; background: ${({ theme, dark }) => (dark ? theme.colors.dark.text : theme.colors.light.text)};
transition: transform 250ms ease-in-out; transition: transform 250ms ease-in-out;
display: grid; display: grid;
grid-template-rows: auto; grid-template-rows: 30% repeat(4, 50px);
row-gap: 10px;
padding: 1rem 1rem 5rem 1rem; padding: 1rem 1rem 5rem 1rem;
@media (orientation: landscape) {
grid-template-rows: auto;
}
.close { .close {
justify-self: flex-end; justify-self: flex-end;
align-self: flex-start; align-self: flex-start;