"fix" symbol in header on mobile

This commit is contained in:
Alexander Bocken 2024-02-20 20:27:33 +01:00
parent 5cf21c7d75
commit 68973dbec7
Signed by: Alexander
GPG Key ID: 1D237BE83F9B05E8
2 changed files with 12 additions and 15 deletions

View File

@ -29,6 +29,7 @@ nav{
justify-content: space-between !important; justify-content: space-between !important;
align-items: center; align-items: center;
box-shadow: 0 1em 1rem 0rem rgba(0,0,0,0.4); box-shadow: 0 1em 1rem 0rem rgba(0,0,0,0.4);
height: 4rem;
} }
nav[hidden]{ nav[hidden]{
display:block; display:block;
@ -80,16 +81,16 @@ nav[hidden]{
padding-inline: 0.5rem; padding-inline: 0.5rem;
} }
:global(svg.symbol){ :global(svg.symbol){
height: 3.5rem; height: 4rem;
width: 3.5rem; width: 4rem;
border-radius: 10000px; border-radius: 10000px;
} }
:global(a:has(svg.symbol)){ /*:global(a:has(svg.symbol)){
padding: 0 !important; padding: 0 !important;
width: 3.5rem; width: 4rem;
height: 3.5rem; height: 4rem;
margin-left: 1rem; margin-left: 1rem;
} }*/
.wrapper{ .wrapper{
display:flex; display:flex;
flex-direction: column; flex-direction: column;
@ -110,7 +111,7 @@ footer{
position: sticky; position: sticky;
background-color: var(--nord0); background-color: var(--nord0);
width: 100%; width: 100%;
height: 3rem; height: 4rem;
top: 0; top: 0;
z-index: 9999; z-index: 9999;
} }
@ -119,8 +120,8 @@ footer{
background-color: unset; background-color: unset;
display: block; display: block;
fill: white; fill: white;
margin-inline: 1rem; margin-inline: 0.5rem;
width: 2.5rem; width: 2rem;
aspect-ratio: 1; aspect-ratio: 1;
} }
.nav_button svg{ .nav_button svg{

View File

@ -7,6 +7,7 @@
} }
svg{ svg{
transition: 100ms; transition: 100ms;
height: 3em;
} }
svg:hover, svg:hover,
svg:focus-visible svg:focus-visible
@ -29,14 +30,9 @@
</style> </style>
<svg <svg
width="calc(45.742325px/ 1.3)"
height="calc(80.310539px / 1.3)"
viewBox="0 0 45.742326 80.310541" viewBox="0 0 45.742326 80.310541"
version="1.1" version="1.1"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns="http://www.w3.org/2000/svg">
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<g class=stroke <g class=stroke
id="branches" id="branches"
transform="translate(-42.033271,-37.145192)" > transform="translate(-42.033271,-37.145192)" >