Files
swingmusic-webclient/src/components/LeftSidebar/index.vue
mungai-njoroge cc5deca895 redesign logo component
+ hide see all in artist albums if route is null
+ maintain img aspect ratio in now playing page, etc.
+ remove albums explorer components
+ fix noitems component
+ add more radios
2023-08-28 12:42:34 +03:00

41 lines
798 B
Vue

<template>
<div class="l-sidebar no-scroll">
<Logo />
<div class="scrollable">
<Navigation />
</div>
<SongCard v-if="settings.use_np_img" />
</div>
</template>
<script setup lang="ts">
import useSettingsStore from "@/stores/settings";
import Logo from "@/components/Logo.vue";
import SongCard from "./NP/SongCard.vue";
import Navigation from "@/components/LeftSidebar/NavButtons.vue";
const settings = useSettingsStore();
</script>
<style lang="scss">
.l-sidebar {
width: 15rem;
grid-area: l-sidebar;
display: grid;
grid-template-rows: 3.75rem 1fr max-content;
border-right: solid 1px $gray5;
position: relative;
padding: 1rem;
.scrollable {
height: 100%;
overflow-y: scroll;
padding: 1rem 0;
@include hideScrollbars;
}
}
</style>