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

start project "move to typescript"

Browse Source
This commit is contained in:
geoffrey45
2022-03-14 21:05:58 +03:00
parent ead3a731ef
commit 33a9aa2c30
18 changed files with 48 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/RightSideBar/Main.vue
-1
View File
@@ -32,7 +32,6 @@ const tabs = useTabStore();
width: 29em;
background-color: rgba(4, 12, 34, 0.103);
padding: 0 0 0 $small;
border-left: 1px solid $gray;
@include phone-only {
display: none;
src/components/RightSideBar/Search.vue
+1 -1
View File
@@ -50,7 +50,7 @@
<script setup>
import { reactive, ref } from "@vue/reactivity";
import state from "@/composables/state.js";
import state from "@/composables/state";
import searchMusic from "@/composables/searchMusic.js";
import useDebouncedRef from "@/composables/useDebouncedRef";
import AlbumGrid from "@/components/Search/AlbumGrid.vue";
src/components/RightSideBar/Tabs.vue
+3 -4
View File
@@ -23,10 +23,9 @@ const tabs = useTabStore();
<style lang="scss">
.tabs {
padding: $small;
border-left: 1px solid $gray;
.cont {
background-color: $gray;
background-color: $gray3;
display: flex;
gap: $small;
height: 100%;
@@ -44,7 +43,7 @@ const tabs = useTabStore();
width: 4rem;
&:hover {
background-color: $gray3;
background-color: $gray5;
}
}
@@ -53,12 +52,12 @@ const tabs = useTabStore();
display: flex;
justify-content: center;
width: 4rem;
background-color: $accent;
.t-item {
background-color: transparent;
}
background-image: linear-gradient(to right, $blue, $red) !important;
}
.search {