Jonas_Jones/jonasjones.dev
1
0
Fork 0
mirror of https://github.com/JonasunderscoreJones/jonasjones.dev.git synced 2025-10-23 17:09: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>
</div> </div>
<TooSmallDimsOverlay /> <div class="unsupported"><TooSmallDimsOverlay /></div>
<script> <script>
@ -295,7 +296,7 @@
right: 3px; right: 3px;
top: 3.5px; top: 3.5px;
border-radius: 5px; border-radius: 5px;
max-width:300px; width:300px;
height: 43px; height: 43px;
overflow: hidden; overflow: hidden;
} }
@ -348,10 +349,22 @@
z-index: 1; 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) { @media only screen and (max-width: 900px) and (min-width: 650px) {
.lastfm #lastfm_title, .lastfm #lastfm_artist { .lastfm #lastfm_title, .lastfm #lastfm_artist {
display: none; display: none;
} }
.lastfm {
width: 50px;
}
.navigation-menu { .navigation-menu {
display: none; display: none;
} }
@ -376,6 +389,9 @@
.lastfm #lastfm_title, .lastfm #lastfm_artist { .lastfm #lastfm_title, .lastfm #lastfm_artist {
display: none; display: none;
} }
.lastfm {
width: 50px;
}
.nav-links { .nav-links {
display: none; display: none;
} }
@ -391,6 +407,9 @@
.lastfm #lastfm_title, .lastfm #lastfm_artist { .lastfm #lastfm_title, .lastfm #lastfm_artist {
display: none; display: none;
} }
.lastfm {
width: 50px;
}
.nav-links { .nav-links {
display: none; display: none;
} }