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

fix item style

Browse Source
This commit is contained in:
SrGooglo 2023-07-05 20:27:37 +00:00
parent 31ef4da3ae
commit f36141326b
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 release.public
? <> ? <>
<Icons.MdOutlinePublic /> <Icons.MdOutlinePublic />
Public <span>
Public
</span>
</> </>
: <> : <>
<Icons.MdOutlineLock /> <Icons.MdOutlineLock />
Private <span>
Private
</span>
</> </>
} }
</div> </div>

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

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