diff --git a/src/components/LeftSidebar/Navigation.vue b/src/components/LeftSidebar/Navigation.vue index 0e10113..3409a2c 100644 --- a/src/components/LeftSidebar/Navigation.vue +++ b/src/components/LeftSidebar/Navigation.vue @@ -81,7 +81,7 @@ const menus = [ display: flex; align-items: flex-start; justify-content: flex-start; - padding: $smaller 0; + padding: $small 0; &:hover { background-color: $gray3; diff --git a/src/components/Notification.vue b/src/components/Notification.vue index 0551f7a..10c796b 100644 --- a/src/components/Notification.vue +++ b/src/components/Notification.vue @@ -42,11 +42,7 @@ const notifStore = useNotifStore(); place-items: center; align-items: center; box-shadow: 0px 0px 2rem rgb(0, 0, 0); - - .link { - font-weight: bold; - text-decoration: underline; - } + font-size: .85rem; } .notif-error { diff --git a/src/stores/search.ts b/src/stores/search.ts index 9fea4f4..990cbed 100644 --- a/src/stores/search.ts +++ b/src/stores/search.ts @@ -80,27 +80,21 @@ export default defineStore("search", () => { function fetchAlbums(query: string) { if (!query) return; - startLoading(); - searchAlbums(query) - .then((res) => { - albums.value = res.albums; - albums.more = res.more; - albums.query = query; - }) - .then(() => stopLoading()); + searchAlbums(query).then((res) => { + albums.value = res.albums; + albums.more = res.more; + albums.query = query; + }); } function fetchArtists(query: string) { if (!query) return; - startLoading(); - searchArtists(query) - .then((res) => { - artists.value = res.artists; - artists.more = res.more; - artists.query = query; - }) - .then(() => stopLoading()); + searchArtists(query).then((res) => { + artists.value = res.artists; + artists.more = res.more; + artists.query = query; + }); } function loadTracks() { diff --git a/src/views/PlaylistList.vue b/src/views/PlaylistList.vue index 19e5d52..33c8698 100644 --- a/src/views/PlaylistList.vue +++ b/src/views/PlaylistList.vue @@ -25,7 +25,7 @@ const pStore = usePStore(); scrollbar-color: $gray2 transparent; .grid { - grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr)); + grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr)); gap: 1rem; @include for-desktop-down {