Alexander/homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

"fix" symbol in header on mobile

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/lib/components/Header.svelte
View File

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

8
src/lib/components/Symbol.svelte
View File

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