From 3c4f65f366a76e22f94bf7889edcf5d982066be0 Mon Sep 17 00:00:00 2001
From: Tulir Asokan <tulir@maunium.net>
Date: Fri, 18 Apr 2025 00:40:46 +0300
Subject: [PATCH] web/emojipicker: add css variables for size

---
 web/src/index.css                      | 3 +++
 web/src/ui/emojipicker/EmojiPicker.css | 4 ++--
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/web/src/index.css b/web/src/index.css
index 5c9fb49..d3ab49d 100644
--- a/web/src/index.css
+++ b/web/src/index.css
@@ -90,6 +90,9 @@
 	--timeline-horizontal-padding: 1.5rem;
 	--timeline-status-size: 4rem;
 
+	--image-picker-width: 22rem;
+	--image-picker-height: 34rem;
+
 	@media screen and (max-width: 45rem) {
 		--timeline-horizontal-padding: .5rem;
 		--timeline-status-size: 2.25rem;
diff --git a/web/src/ui/emojipicker/EmojiPicker.css b/web/src/ui/emojipicker/EmojiPicker.css
index 87ae66b..45c693e 100644
--- a/web/src/ui/emojipicker/EmojiPicker.css
+++ b/web/src/ui/emojipicker/EmojiPicker.css
@@ -1,8 +1,8 @@
 div.emoji-picker, div.sticker-picker, div.gif-picker {
 	position: fixed;
 	background-color: var(--background-color);
-	width: 22rem;
-	height: 34rem;
+	width: var(--image-picker-width);
+	height: var(--image-picker-height);
 	border-radius: 1rem;
 	border: 1px solid var(--border-color);
 	display: flex;