display visiblity info

This commit is contained in:
SrGooglo 2023-07-03 15:47:19 +00:00
parent a8ba995a74
commit 52679ba2b2
2 changed files with 39 additions and 5 deletions

View File

@ -30,15 +30,31 @@ const ReleaseItem = (props) => {
/> />
</div> </div>
<div <div
className="music_panel_releases_info_title" className="music_panel_releases_info_data"
> >
<h1> <h1>
{release.title} {release.title}
</h1> </h1>
<h4> {
{release.description} release.description && <h4>
</h4> {release.description}
</h4>
}
<div className="music_panel_releases_info_extra">
{
release.public
? <>
<Icons.MdOutlinePublic />
Public
</>
: <>
<Icons.MdOutlineLock />
Private
</>
}
</div>
</div> </div>
</div> </div>

View File

@ -69,6 +69,8 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
height: 100%;
.music_panel_releases_info_cover { .music_panel_releases_info_cover {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -90,12 +92,28 @@
} }
} }
.music_panel_releases_info_title { .music_panel_releases_info_data {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 100%;
h1 { h1 {
margin: 0 !important; margin: 0 !important;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.music_panel_releases_info_extra {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
justify-self: end;
} }
} }
} }