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

fix item style

Browse Source
This commit is contained in:
SrGooglo 2023-07-05 20:27:37 +00:00
parent 2c2a4fb87a
commit 870d8f478c
2 changed files with 22 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
packages/app/src/pages/music/components/dashboard/releases/index.jsx
View File

@ -47,11 +47,15 @@ const ReleaseItem = (props) => {
release.public
? <>
<Icons.MdOutlinePublic />
Public
<span>
Public
</span>
</>
: <>
<Icons.MdOutlineLock />
Private
<span>
Private
</span>
</>
}
</div>

20
packages/app/src/pages/music/components/dashboard/releases/index.less
View File

@ -6,6 +6,7 @@
gap: 20px;
overflow-x: hidden;
overflow-y: overlay;
.music_panel_releases_header {
@ -47,6 +48,8 @@
padding-bottom: 20px;
.music_panel_releases_item {
position: relative;
display: flex;
flex-direction: row;
@ -57,6 +60,8 @@
border-radius: 8px;
overflow: hidden;
padding: 10px;
margin-bottom: 10px;
@ -70,6 +75,7 @@
flex-direction: row;
height: 100%;
max-width: 65%;
.music_panel_releases_info_cover {
display: flex;
@ -97,23 +103,29 @@
flex-direction: column;
height: 100%;
width: 100%;
max-width: 80%;
h1 {
margin: 0 !important;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-overflow: clip;
}
h4 {
margin: 0 !important;
overflow: hidden;
white-space: pre-wrap;
}
.music_panel_releases_info_extra {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
justify-self: end;
color: var(--text-color);
}
}
}