tcsenpai/swingmusic
1
0
Fork 0
mirror of https://github.com/tcsenpai/swingmusic.git synced 2025-06-10 04:57:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

hide sidebar album art on sidebar collapse

Browse Source
This commit is contained in:
geoffrey45 2022-02-11 12:06:35 +03:00
parent 15d5e1476a
commit 4b02855dca
2 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/App.vue
View File

@ -11,7 +11,7 @@
<Navigation :collapsed="collapsed" /> <Navigation :collapsed="collapsed" />
<!-- <PinnedStuff :collapsed="collapsed" /> --> <!-- <PinnedStuff :collapsed="collapsed" /> -->
<div class="l-album-art"> <div class="l-album-art">
<AlbumArt /> <AlbumArt :collapsed="collapsed" />
</div> </div>
</div> </div>
<div class="content"> <div class="content">

10
src/components/LeftSidebar/AlbumArt.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div class="l_"> <div class="l_" v-if="!props.collapsed">
<div <div
class="l-image image border rounded" class="l-image image border rounded"
:style="{ :style="{
@ -14,11 +14,17 @@ import { ref } from "vue";
import state from "../../composables/state"; import state from "../../composables/state";
const current = ref(state.current); const current = ref(state.current);
const props = defineProps({
collapsed: {
type: Boolean,
default: false,
},
});
</script> </script>
<style lang="scss"> <style lang="scss">
.l_ { .l_ {
padding: $small; padding: $small;
.l-image { .l-image {
height: 14rem; height: 14rem;
width: 14rem; width: 14rem;