RageStudio/comty
1
0
Fork 0
mirror of https://github.com/ragestudio/comty.git synced 2025-06-09 18:44:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

improve grid style

Browse Source
This commit is contained in:
SrGooglo 2023-10-10 13:43:20 +00:00
parent 4786cb39f7
commit 95bfe8623e
1 changed files with 16 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
packages/app/src/pages/music/components/explore/index.less
View File

@ -95,6 +95,18 @@ html {
grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-columns: repeat(3, minmax(0, 1fr));
min-width: 372px !important; min-width: 372px !important;
@media (min-width: 2000px) {
grid-template-columns: repeat(4, 1fr);
}
@media (min-width: 2300px) {
grid-template-columns: repeat(5, 1fr);
}
.playlistItem {
justify-self: center;
}
} }
} }
} }
@ -129,10 +141,10 @@ html {
} }
.playlistItem_bottom { .playlistItem_bottom {
display: flex!important; display: flex !important;
position: absolute; position: absolute;
top:0; top: 0;
right: 0; right: 0;
padding: 10px; padding: 10px;
@ -203,7 +215,7 @@ html {
max-width: 300px; max-width: 300px;
width: 100%; width: 100%;
height: @playlistItem_height; height: @playlistItem_height;
padding: @playlistItem_padding; padding: @playlistItem_padding;
@ -215,6 +227,7 @@ html {
min-height: @playlistItem_cover_size; min-height: @playlistItem_cover_size;
min-width: @playlistItem_cover_size; min-width: @playlistItem_cover_size;
} }
.playlistItem_bottom { .playlistItem_bottom {
display: none; display: none;
} }