فهرست منبع

fix: #5486 plugin样式优化

DDMeaqua 1 سال پیش
والد
کامیت
0e210cf8de
2فایلهای تغییر یافته به همراه26 افزوده شده و 3 حذف شده
  1. 24 1
      app/components/plugin.module.scss
  2. 2 2
      app/components/plugin.tsx

+ 24 - 1
app/components/plugin.module.scss

@@ -10,7 +10,30 @@
     max-height: 240px;
     overflow-y: auto;
     white-space: pre-wrap;
-    min-width: 300px;
+    min-width: 280px;
   }
 }
 
+.plugin-schema {
+  display: flex;
+  justify-content: flex-end;
+  flex-wrap: wrap;
+  flex-direction: row;
+
+  input {
+    margin-right: 20px;
+
+    @media screen and (max-width: 600px) {
+        margin-right: 0px;
+      }
+  }
+
+  @media screen and (max-width: 600px) {
+    flex-direction: column;
+    gap: 5px;
+
+    button {
+      padding: 10px;
+    }
+  }
+}

+ 2 - 2
app/components/plugin.tsx

@@ -345,10 +345,10 @@ export function PluginPage() {
             </List>
             <List>
               <ListItem title={Locale.Plugin.EditModal.Content}>
-                <div style={{ display: "flex", justifyContent: "flex-end" }}>
+                <div className={pluginStyles["plugin-schema"]}>
                   <input
                     type="text"
-                    style={{ minWidth: 200, marginRight: 20 }}
+                    style={{ minWidth: 200 }}
                     onInput={(e) => setLoadUrl(e.currentTarget.value)}
                   ></input>
                   <IconButton