chore: mobile export image style

2025-08-08 23:56:33 +08:00 · 2023-05-22 01:23:08 +08:00
parent 4dad7f2ab6
commit 1f12753c68
3 changed files with 79 additions and 42 deletions
--- a/app/components/message-selector.module.scss
+++ b/app/components/message-selector.module.scss
@@ -5,10 +5,31 @@
    .search-bar {
      max-width: unset;
      flex-grow: 1;
+      margin-right: 10px;
    }

-    .filter-item:not(:last-child) {
-      margin-right: 10px;
+    .actions {
+      display: flex;
+
+      button:not(:last-child) {
+        margin-right: 10px;
+      }
+    }
+
+    @media screen and (max-width: 600px) {
+      flex-direction: column;
+
+      .search-bar {
+        margin-right: 0;
+      }
+
+      .actions {
+        margin-top: 20px;
+
+        button {
+          flex-grow: 1;
+        }
+      }
    }
  }