Showing compact logo on narrow screens.

This commit is contained in:
ThePendulum 2020-03-08 17:09:33 +01:00
parent 8211380243
commit 5b4490a845
2 changed files with 64 additions and 2 deletions

View File

@ -4,7 +4,16 @@
<router-link <router-link
to="/home" to="/home"
class="logo-link" class="logo-link"
><h1 class="logo"><Icon icon="logo" /></h1></router-link> ><h1 class="logo">
<Icon
icon="logo"
/>
<Icon
icon="logo_t"
class="logo-compact"
/>
</h1></router-link>
<nav class="nav"> <nav class="nav">
<ul class="nolist"> <ul class="nolist">
@ -126,6 +135,10 @@ export default {
width: 6rem; width: 6rem;
height: 1.5rem; height: 1.5rem;
} }
.logo-compact {
display: none;
}
} }
.nav { .nav {
@ -209,7 +222,16 @@ export default {
} }
.logo { .logo {
margin: 0;
.icon {
display: none; display: none;
} }
.icon.logo-compact {
width: 1.5rem;
display: inline-block;
}
}
} }
</style> </style>

40
assets/img/logo_t.svg Normal file
View File

@ -0,0 +1,40 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
id="svg8"
version="1.1"
viewBox="0 0 2.9421661 7.8210821"
height="7.8210821mm"
width="2.9421661mm">
<defs
id="defs2" />
<metadata
id="metadata5">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
transform="translate(-77.20239,-97.922958)"
id="layer1">
<g
id="text4520"
style="font-style:normal;font-weight:normal;font-size:10.58333302px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ff6c88;fill-opacity:1;stroke:none;stroke-width:0.26458332"
aria-label="traxxx">
<path
id="path828"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'URW Gothic';-inkscape-font-specification:'URW Gothic Bold';fill:#ff6c88;fill-opacity:1;stroke-width:0.26458332"
d="m 77.890306,105.74404 h 1.407584 v -4.58258 h 0.846666 V 99.880875 H 79.29789 v -1.957917 h -1.407584 v 1.957917 H 77.20239 v 1.280585 h 0.687916 z" />
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.5 KiB