diff --git a/CHANGELOG.md b/CHANGELOG.md
index 48ac66646..3a75be294 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -14,6 +14,7 @@ You should also include the user name that made the change.
### Improvements
- クライアント: リアクションピッカーのサイズを設定できるように @syuilo
+- クライアント: リアクションピッカーの幅、高さ制限を緩和 @syuilo
### Bugfixes
-
diff --git a/packages/client/src/components/emoji-picker.vue b/packages/client/src/components/emoji-picker.vue
index 4e589b161..8601ea121 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;
diff --git a/packages/client/src/pages/settings/reaction.vue b/packages/client/src/pages/settings/reaction.vue
index a6b1f3130..a188ba353 100644
--- a/packages/client/src/pages/settings/reaction.vue
+++ b/packages/client/src/pages/settings/reaction.vue
@@ -28,12 +28,15 @@
+
+
{{ $ts.height }}
+