mirror of
https://github.com/tulir/gomuks.git
synced 2025-04-20 10:33:41 -05:00
web/emojipicker: add css variables for size
This commit is contained in:
parent
1bfd457cf0
commit
3c4f65f366
2 changed files with 5 additions and 2 deletions
|
@ -90,6 +90,9 @@
|
||||||
--timeline-horizontal-padding: 1.5rem;
|
--timeline-horizontal-padding: 1.5rem;
|
||||||
--timeline-status-size: 4rem;
|
--timeline-status-size: 4rem;
|
||||||
|
|
||||||
|
--image-picker-width: 22rem;
|
||||||
|
--image-picker-height: 34rem;
|
||||||
|
|
||||||
@media screen and (max-width: 45rem) {
|
@media screen and (max-width: 45rem) {
|
||||||
--timeline-horizontal-padding: .5rem;
|
--timeline-horizontal-padding: .5rem;
|
||||||
--timeline-status-size: 2.25rem;
|
--timeline-status-size: 2.25rem;
|
||||||
|
|
|
@ -1,8 +1,8 @@
|
||||||
div.emoji-picker, div.sticker-picker, div.gif-picker {
|
div.emoji-picker, div.sticker-picker, div.gif-picker {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
background-color: var(--background-color);
|
background-color: var(--background-color);
|
||||||
width: 22rem;
|
width: var(--image-picker-width);
|
||||||
height: 34rem;
|
height: var(--image-picker-height);
|
||||||
border-radius: 1rem;
|
border-radius: 1rem;
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
Loading…
Add table
Reference in a new issue