display visiblity info

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

View File

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

View File

@ -69,6 +69,8 @@
display: flex;
flex-direction: row;
height: 100%;
.music_panel_releases_info_cover {
display: flex;
flex-direction: column;
@ -90,12 +92,28 @@
}
}
.music_panel_releases_info_title {
.music_panel_releases_info_data {
display: flex;
flex-direction: column;
height: 100%;
h1 {
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;
}
}
}