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

Navigation - Fixed cutoff in chrome mobile browser

This commit is contained in:
Camerin Figueroa 2022-06-14 21:19:41 -04:00
parent 41ede9e65c
commit 37ca3072c0
1 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -58,18 +58,20 @@
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; height: 4rem;
font-size:small;
width:max-content;
} }
.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;