summaryrefslogtreecommitdiff
path: root/packages/client/src/components
diff options
context:
space:
mode:
authorsyuilo <Syuilotan@yahoo.co.jp>2022-02-11 13:53:02 +0900
committersyuilo <Syuilotan@yahoo.co.jp>2022-02-11 13:53:02 +0900
commitbf4cdd71ce5c522d650f6683ee5d3c69279ba68c (patch)
tree156a1f47119f37df039f20678f2165ee151d9786 /packages/client/src/components
parentfeat(client): make size of reaction picker configuable (diff)
downloadsharkey-bf4cdd71ce5c522d650f6683ee5d3c69279ba68c.tar.gz
sharkey-bf4cdd71ce5c522d650f6683ee5d3c69279ba68c.tar.bz2
sharkey-bf4cdd71ce5c522d650f6683ee5d3c69279ba68c.zip
enhance(client): リアクションピッカーの幅、高さ制限を緩和
Diffstat (limited to 'packages/client/src/components')
-rw-r--r--packages/client/src/components/emoji-picker.vue14
1 files changed, 14 insertions, 0 deletions
diff --git a/packages/client/src/components/emoji-picker.vue b/packages/client/src/components/emoji-picker.vue
index 4e589b1619..8601ea121c 100644
--- a/packages/client/src/components/emoji-picker.vue
+++ b/packages/client/src/components/emoji-picker.vue
@@ -377,6 +377,16 @@ defineExpose({
--columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
+ &.w4 {
+ width: calc((var(--eachSize) * 8) + (#{$pad} * 2));
+ --columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
+ }
+
+ &.w5 {
+ width: calc((var(--eachSize) * 9) + (#{$pad} * 2));
+ --columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
+ }
+
&.h1 {
height: calc((var(--eachSize) * 4) + (#{$pad} * 2));
}
@@ -389,6 +399,10 @@ defineExpose({
height: calc((var(--eachSize) * 8) + (#{$pad} * 2));
}
+ &.h4 {
+ height: calc((var(--eachSize) * 10) + (#{$pad} * 2));
+ }
+
&.asDrawer {
width: 100% !important;