TDvorak/swingmusic-extended
1
0
Fork 0
mirror of https://github.com/Dvorinka/swingmusic-extended.git synced 2026-06-04 20:43:04 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix now-playing image position

Browse Source
This commit is contained in:
geoffrey45
2022-06-11 12:41:44 +03:00
parent 188834de3b
commit 178d3c8835
2 changed files with 4 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/LeftSidebar/PinnedStuff.vue
-94
View File
@@ -1,94 +0,0 @@
<template>
<div class="side-nav-container rounded hidden" id="pinned-container">
<div>
<div class="nav-button" id="pinned-button">
<span id="text">Quick access</span>
</div>
</div>
<router-link :to="{ name: 'Home' }">
<div class="nav-button" id="album-button">
<div class="nav-icon image" id="album-icon"></div>
<span id="text">Legends Never Die</span>
</div>
</router-link>
<hr />
<router-link :to="{ name: 'Home' }">
<div class="nav-button" id="album-button">
<div class="nav-icon image" id="album-icon"></div>
<span id="text">The Party Never Ends</span>
</div>
</router-link>
<hr />
<router-link :to="{ name: 'Home' }">
<div class="nav-button" id="artists-button">
<div class="nav-icon image" id="artists-icon"></div>
<span id="text">Juice WRLD</span>
</div>
</router-link>
<hr />
<router-link :to="{ name: 'Home' }">
<div class="nav-button" id="playlists-button">
<div class="nav-icon image" id="playlists-icon"></div>
<span id="text" class="ellip">Juice WRLD Discography</span>
</div>
</router-link>
<hr />
<router-link :to="{ name: 'Home' }">
<div class="nav-button" id="mixes-button">
<div class="nav-icon image" id="mixes-icon"></div>
<span id="text">Lil Peep Radio</span>
</div>
</router-link>
<hr />
<router-link :to="{ name: 'Home' }">
<div class="nav-button" id="folders-button">
<div class="nav-icon image" id="folders-icon"></div>
<span id="text">Ngogoyo ya Kamarú</span>
</div>
</router-link>
</div>
</template>
<style lang="scss">
#pinned-container {
background: #6e2c00;
border-top: none;
margin: $small;
padding: $small;
#text {
font-size: 0.9rem;
}
.nav-icon {
margin: 0 $small 0 0;
}
}
#pinned-container .nav-button {
border-radius: $small;
color: rgba(255, 255, 255, 0.671);
padding-left: $small;
}
#pinned-container .nav-button:hover {
background-color: rgb(5, 80, 150);
}
#pinned-container .nav-button .nav-icon {
height: 1.3rem;
width: 1.3rem;
}
#pinned-container #pinned-button #text {
text-transform: uppercase;
font-weight: 1000;
font-size: small;
font-style: italic;
}
#pinned-container #pinned-button:hover {
background-color: transparent;
}
</style>
src/components/LeftSidebar/nowPlaying.vue
+4 -4
View File
@@ -78,13 +78,13 @@ const queue = useQStore();
.art { .art {
width: 100%; width: 100%;
display: grid; aspect-ratio: 1;
place-items: center; place-items: center;
margin-bottom: $small; margin-bottom: $small;
.l-image { .l-image {
height: 12rem; height: 100%;
width: 12rem; width: 100%;
} }
} }
@@ -93,7 +93,7 @@ const queue = useQStore();
font-size: 0.75rem; font-size: 0.75rem;
width: max-content; width: max-content;
padding: 0.2rem 0.35rem; padding: 0.2rem 0.35rem;
top: 13.25rem; top: 14.25rem;
left: 1.5rem; left: 1.5rem;
background-color: $black; background-color: $black;
border-radius: $smaller; border-radius: $smaller;