camerin
/
portfolio
mirror of https://github.com/RaspberryProgramming/portfolio.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Navigation - Decreased font size and height of mobile navbar

This commit is contained in:
Camerin 2022-06-12 14:26:24 -04:00
parent 35c5657d89
commit f4873e1fff
2 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/css/App.css
View File

@ -73,6 +73,6 @@ html, body {
flex-direction: column-reverse; flex-direction: column-reverse;
} }
.App .app-content { .App .app-content {
margin-bottom: 5.5rem; margin-bottom: 4rem;
} }
} }

7
src/components/css/Navigation.css
View File

@ -58,18 +58,19 @@
position:fixed; position:fixed;
bottom:0; bottom:0;
left:0; left:0;
height: 5.5rem; height: 4rem;
justify-content: space-around; justify-content: space-around;
width:100vw; width:100vw;
} }
.Navigation a, .Navigation button { .Navigation a, .Navigation button {
height: 5.5rem; font-size: small;
height: 4rem;
} }
.Navigation a:hover, .Navigation button:hover { .Navigation a:hover, .Navigation button:hover {
background-color: #2F2F32; background-color: #2F2F32;
height:5.5rem; height:4rem;
transition: background-color 300ms ease-out; transition: background-color 300ms ease-out;
border-top-left-radius: 5px; border-top-left-radius: 5px;
border-top-right-radius: 5px; border-top-right-radius: 5px;