Jonas_Jones/jonasjones.dev
1
0
Fork 0
mirror of https://github.com/JonasunderscoreJones/jonasjones.dev.git synced 2025-10-23 08:59:19 +02:00
Code Issues Projects Releases Packages Wiki Activity

fixed lastfm width issue

Browse source
This commit is contained in:
Jonas_Jones 2023-07-24 02:52:33 +02:00
parent f50efb78ab
commit f894d3fde5
2 changed files with 22 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

23
src/components/NavBar.svelte
View file

@ -49,7 +49,8 @@
</div>
</div>
<TooSmallDimsOverlay />
<div class="unsupported"><TooSmallDimsOverlay /></div>
<script>
@ -295,7 +296,7 @@
right: 3px;
top: 3.5px;
border-radius: 5px;
max-width:300px;
width:300px;
height: 43px;
overflow: hidden;
}
@ -348,10 +349,22 @@
z-index: 1;
}
.unsupported {
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 9999;
}
@media only screen and (max-width: 900px) and (min-width: 650px) {
.lastfm #lastfm_title, .lastfm #lastfm_artist {
display: none;
}
.lastfm {
width: 50px;
}
.navigation-menu {
display: none;
}
@ -376,6 +389,9 @@
.lastfm #lastfm_title, .lastfm #lastfm_artist {
display: none;
}
.lastfm {
width: 50px;
}
.nav-links {
display: none;
}
@ -391,6 +407,9 @@
.lastfm #lastfm_title, .lastfm #lastfm_artist {
display: none;
}
.lastfm {
width: 50px;
}
.nav-links {
display: none;
}