Change mobile nav component grid styles

2026-05-02 02:10:27 +00:00 · 2021-01-12 23:33:17 +01:00
parent f79c18d097
commit e53500bd82
1 changed files with 5 additions and 2 deletions
@@ -26,10 +26,13 @@ const Bar = styled.nav<StyledProps>`
 	background: ${({ theme, dark }) => (dark ? theme.colors.dark.text : theme.colors.light.text)};
 	transition: transform 250ms ease-in-out;
 	display: grid;
-	grid-template-rows: auto;
-	row-gap: 10px;
+	grid-template-rows: 30% repeat(4, 50px);
 	padding: 1rem 1rem 5rem 1rem;

+	@media (orientation: landscape) {
+		grid-template-rows: auto;
+	}
+
 	.close {
 		justify-self: flex-end;
 		align-self: flex-start;