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

add recommended tracks

Browse Source
This commit is contained in:
geoffrey45
2021-12-01 11:11:53 +03:00
parent 6ef31c4d82
commit 53b9ebdb60
11 changed files with 243 additions and 158 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/FolderView/FolderList.vue
+9 -9
View File
@@ -25,36 +25,36 @@ export default {
<style>
.f-container {
margin-bottom: 1em;
margin-bottom: 1rem;
background: rgba(31, 30, 30, 0.521);
padding: 1em;
padding: 1rem;
}
#f-items {
display: flex;
flex-wrap: wrap;
border-top: 1px solid var(--seperator);
gap: 1em;
padding-top: 1em;
gap: 1rem;
padding-top: 1rem;
}
.f-container p {
text-transform: uppercase;
font-weight: normal;
color: rgba(255, 255, 255, 0.438);
margin-bottom: 1em;
margin-bottom: 1rem;
}
.f-container .f-item {
min-width: 15em;
min-height: 5em;
min-width: 14.4rem;
min-height: 5rem;
display: flex;
justify-content: center;
align-items: center;
position: relative;
background-image: url(../../assets/icons/folder.svg);
background-repeat: no-repeat;
background-position: 1em;
background-position: 1rem;
background-size: 10% 100%;
background-color: rgba(80, 80, 80, 0.247);
}
@@ -65,7 +65,7 @@ export default {
.f-container .f-item-text {
position: absolute;
left: 3em;
left: 3rem;
text-align: left;
overflow: hidden;
text-overflow: ellipsis;