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

remove songlist table header

Browse Source
This commit is contained in:
geoffrey45
2022-07-02 12:53:41 +03:00
committed by Mungai Geoffrey
parent d830412035
commit 5bc0eaf8e6
2 changed files with 2 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/FolderView/SongList.vue
-48
View File
@@ -1,13 +1,6 @@
<template>
<div class="folder">
<div class="table rounded" v-if="tracks.length">
<div class="thead">
<div class="index"></div>
<div class="track-header">Track</div>
<div class="artists-header">Artist</div>
<div class="album-header">Album</div>
<div class="duration-header">Duration</div>
</div>
<div class="songlist">
<SongItem
v-for="track in getTracks()"
@@ -116,47 +109,6 @@ function getTracks() {
}
}
.thead {
display: grid;
grid-template-columns: 1.5rem 1.5fr 1fr 1.5fr 0.25fr;
height: 2.5rem;
align-items: center;
text-transform: uppercase;
font-weight: bold;
color: $gray1;
gap: $small;
@include tablet-landscape {
grid-template-columns: 1.5rem 1.5fr 1fr 1.5fr;
}
@include tablet-portrait {
grid-template-columns: 1.5rem 1.5fr 1fr;
}
@include phone-only {
display: none;
}
.duration-header {
@include tablet-landscape {
display: none;
}
width: 6rem;
}
.album-header {
@include tablet-portrait {
display: none;
}
}
&::-webkit-scrollbar {
display: none;
}
}
.songlist {
scrollbar-width: none;
&::-webkit-scrollbar {