rainbownapkin/canopy
1
0
Fork 0
Code Issues 5 Pull requests Projects Releases Packages Wiki Activity Actions

Emote Palette UI Complete

Browse source
This commit is contained in:
rainbow napkin 2024-12-21 16:47:19 -05:00
parent 633884534c
commit 42d306e1f2
6 changed files with 148 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

28
www/css/panel/emote.css
View file

@ -2,6 +2,7 @@
display: flex;
flex-direction: row;
text-wrap: nowrap;
user-select: none;
}
.title-filler-span{
@ -13,6 +14,7 @@
.emote-panel-list{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(9em, 1fr));
flex-direction: column;
padding: 1em;
justify-items: center;
}
@ -23,6 +25,13 @@ div.emote-panel-list-emote{
flex-direction: column;
padding: 0.5em 0;
margin: 0.5em;
user-select: none;
cursor: pointer;
}
div.emote-panel-list-big-emote{
width: 100%;
margin: 0.5em auto;
}
p.emote-list-title{
@ -34,4 +43,23 @@ p.emote-list-title{
max-height: 8em;
max-width: 8em;
margin: auto;
}
.emote-list-big-media{
max-height: 80VH;
max-width: 100%;
margin: 0.5em;
}
div.panel-control-prompt{
margin: 0.5em;
flex: 1;
}
#emote-panel-personal-prompts{
display: flex;
}
#new-emote-button{
margin-left: 0.3em;
}