diff --git a/src/assets/scss/Global/app-grid.scss b/src/assets/scss/Global/app-grid.scss index a7335a4e..5f49a326 100644 --- a/src/assets/scss/Global/app-grid.scss +++ b/src/assets/scss/Global/app-grid.scss @@ -12,24 +12,6 @@ margin: 0 auto; gap: 1rem; margin: $small auto; - - // @include for-desktop-down { - // grid-template-columns: min-content 1fr 26rem; - // } - - // @include tablet-landscape { - // grid-template-columns: min-content 1fr; - // grid-template-areas: - // "l-sidebar nav" - // "l-sidebar content" - // "l-sidebar content" - // "l-sidebar content"; - // .r-sidebar, - // #tabs, - // #gsearch-input { - // display: none; - // } - // } } #app-grid.isSmall { @@ -72,14 +54,16 @@ } } -#app-grid.isSmall #acontent { - margin-right: -$small; - padding-right: calc($small - 1px); -} +#app-grid.isSmall, +#app-grid.disableSidebar { + #acontent { + margin-right: -$small; + padding-right: calc($small - 1px); -#app-grid.disableSidebar #acontent { - margin-right: -$small; - padding-right: calc($small - 1px); + .search-view { + margin-right: -0.8rem; + } + } } #tabs { diff --git a/src/assets/scss/moz.scss b/src/assets/scss/moz.scss index f192f1b7..13e21eb4 100644 --- a/src/assets/scss/moz.scss +++ b/src/assets/scss/moz.scss @@ -1,4 +1,4 @@ -// Styles that only apply on our dear Firefox +// Styles that only apply to our dear Firefox @-moz-document url-prefix() { #acontent { @@ -6,20 +6,22 @@ padding-right: 1rem; } - #app-grid.isSmall #acontent { - margin-right: -$small; - padding-right: $medium; + #app-grid.isSmall, + #app-grid.disableSidebar { + #acontent { + margin-right: -$small; + padding-right: $medium; + + .search-view { + margin-right: -0.8rem; + } + } } #app-grid.isSmall #page-search { margin-right: $smaller; } - #app-grid.disableSidebar #acontent { - margin-right: -$small; - padding-right: $medium; - } - #app-grid.disableSidebar #page-search { margin-right: $smaller; } diff --git a/src/components/FolderView/SongList.vue b/src/components/FolderView/SongList.vue index 3045d3db..e49e5665 100644 --- a/src/components/FolderView/SongList.vue +++ b/src/components/FolderView/SongList.vue @@ -65,10 +65,6 @@ const props = defineProps<{ copyright?: string | null; }>(); -// onUpdated(() => { -// console.log(props.tracks[1].index); -// }); - const emit = defineEmits<{ (e: "playFromPage", index: number): void; }>(); diff --git a/src/components/LeftSidebar/NP/HotKeys.vue b/src/components/LeftSidebar/NP/HotKeys.vue index 72efce7c..f1b59823 100644 --- a/src/components/LeftSidebar/NP/HotKeys.vue +++ b/src/components/LeftSidebar/NP/HotKeys.vue @@ -1,6 +1,6 @@ diff --git a/src/components/RightSideBar/Search/ArtistGrid.vue b/src/components/RightSideBar/Search/ArtistGrid.vue index 3e7faa50..76a489eb 100644 --- a/src/components/RightSideBar/Search/ArtistGrid.vue +++ b/src/components/RightSideBar/Search/ArtistGrid.vue @@ -17,7 +17,7 @@ :alt="true" /> -
🤷
+
💔 No results 💔
-
🤷
+
💔 No results 💔
diff --git a/src/stores/search.ts b/src/stores/search.ts index 66ea7725..9ba6b74d 100644 --- a/src/stores/search.ts +++ b/src/stores/search.ts @@ -32,7 +32,7 @@ function scrollOnLoad() { export default defineStore("search", () => { // @ts-ignore const query = ref(""); - const debouncedQuery = useDebounce(query) + const debouncedQuery = useDebounce(query); const { startLoading, stopLoading } = useLoaderStore(); const route = useRoute(); @@ -144,7 +144,11 @@ export default defineStore("search", () => { artists.more = res.more; }) .then(() => stopLoading()) - .then(() => scrollOnLoad()); + .then(() => + setTimeout(() => { + scrollOnLoad(); + }, 500) + ); } watch( diff --git a/src/views/Search.vue b/src/views/Search.vue index ca20e889..b14cf249 100644 --- a/src/views/Search.vue +++ b/src/views/Search.vue @@ -36,7 +36,6 @@ import Main from "@/components/RightSideBar/Search/Main.vue"; #tracks-results { margin-right: 1rem; - // margin-left: -2.25rem; } }