Started work on emotes panel

This commit is contained in:
rainbow napkin 2024-12-21 13:43:28 -05:00
parent 6a10bf3dea
commit 633884534c
9 changed files with 242 additions and 7 deletions

37
www/css/panel/emote.css Normal file
View file

@ -0,0 +1,37 @@
.title-span{
display: flex;
flex-direction: row;
text-wrap: nowrap;
}
.title-filler-span{
flex: 1;
height: 1px;
margin: auto 0.5em;
}
.emote-panel-list{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(9em, 1fr));
padding: 1em;
justify-items: center;
}
div.emote-panel-list-emote{
width: 9em;
display: flex;
flex-direction: column;
padding: 0.5em 0;
margin: 0.5em;
}
p.emote-list-title{
margin: 0;
text-align: center;
}
.emote-list-media{
max-height: 8em;
max-width: 8em;
margin: auto;
}

View file

@ -340,4 +340,14 @@ select.panel-head-element{
#delete-account-popup-title, #delete-channel-popup-title{
color: var(--danger0);
}
/* panel */
.title-filler-span{
background-color: var(--accent0);
}
div.emote-panel-list-emote{
border: 1px solid var(--accent0);
}