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

make playlist cards smaller on playlist list page

Browse Source
This commit is contained in:
geoffrey45 2022-08-31 18:35:05 +03:00
parent 6f138005f5
commit c782e400c6
4 changed files with 13 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/LeftSidebar/Navigation.vue
View File

@ -81,7 +81,7 @@ const menus = [
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
justify-content: flex-start; justify-content: flex-start;
padding: $smaller 0; padding: $small 0;
&:hover { &:hover {
background-color: $gray3; background-color: $gray3;

6
src/components/Notification.vue
View File

@ -42,11 +42,7 @@ const notifStore = useNotifStore();
place-items: center; place-items: center;
align-items: center; align-items: center;
box-shadow: 0px 0px 2rem rgb(0, 0, 0); box-shadow: 0px 0px 2rem rgb(0, 0, 0);
font-size: .85rem;
.link {
font-weight: bold;
text-decoration: underline;
}
} }
.notif-error { .notif-error {

26
src/stores/search.ts
View File

@ -80,27 +80,21 @@ export default defineStore("search", () => {
function fetchAlbums(query: string) { function fetchAlbums(query: string) {
if (!query) return; if (!query) return;
startLoading(); searchAlbums(query).then((res) => {
searchAlbums(query) albums.value = res.albums;
.then((res) => { albums.more = res.more;
albums.value = res.albums; albums.query = query;
albums.more = res.more; });
albums.query = query;
})
.then(() => stopLoading());
} }
function fetchArtists(query: string) { function fetchArtists(query: string) {
if (!query) return; if (!query) return;
startLoading(); searchArtists(query).then((res) => {
searchArtists(query) artists.value = res.artists;
.then((res) => { artists.more = res.more;
artists.value = res.artists; artists.query = query;
artists.more = res.more; });
artists.query = query;
})
.then(() => stopLoading());
} }
function loadTracks() { function loadTracks() {

2
src/views/PlaylistList.vue
View File

@ -25,7 +25,7 @@ const pStore = usePStore();
scrollbar-color: $gray2 transparent; scrollbar-color: $gray2 transparent;
.grid { .grid {
grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr)); grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr));
gap: 1rem; gap: 1rem;
@include for-desktop-down { @include for-desktop-down {