fix item style

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

View File

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

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);
}
}
}