fix: レスポンシブ調整 (#36)

nacika-ins · Sep 20, 2024 · 9d65d1a · 9d65d1a
2 parents adbdb9f + 5556ac6
commit 9d65d1a
Showing 1 changed file with 14 additions and 1 deletion.
diff --git a/packages/frontend/src/pages/messaging/messaging-room.message.vue b/packages/frontend/src/pages/messaging/messaging-room.message.vue
@@ -548,9 +548,22 @@ async function onPointerup(ev: PointerEvent): Promise<void> {
 
 @container (min-width: 250px) {
   .richcontent {
-    min-width: 200px;
+    min-width: 140px;
   }
 }
+
+@container (min-width: 320px) {
+  .richcontent {
+    min-width: 150px;
+  }
+}
+
+@container (min-width: 390px) {
+  .richcontent {
+    min-width: 250px;
+  }
+}
+
 @container (min-width: 400px) {
   .richcontent {
     min-width: 250px;