From bf4cdd71ce5c522d650f6683ee5d3c69279ba68c Mon Sep 17 00:00:00 2001 From: syuilo Date: Fri, 11 Feb 2022 13:53:02 +0900 Subject: enhance(client): リアクションピッカーの幅、高さ制限を緩和 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- packages/client/src/components/emoji-picker.vue | 14 ++++++++++++++ 1 file changed, 14 insertions(+) (limited to 'packages/client/src/components') 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; -- cgit v1.2.3-freya