优化移动端界面布局

2026-05-28 17:59:38 +08:00 · 2026-05-28 17:59:38 +08:00 · c2df72e925
commit c2df72e925
parent af259fa946
1 changed files with 37 additions and 0 deletions
--- a/static/style.css
+++ b/static/style.css
@ -631,6 +631,43 @@ select option {
        max-height: 150px;
        font-size: 0.8rem;
    }
+    
+    .file-item {
+        flex-direction: column;
+        gap: 10px;
+        padding: 10px;
+    }
+    
+    .file-info {
+        width: 100%;
+        gap: 10px;
+    }
+    
+    .file-icon {
+        font-size: 1.2rem;
+    }
+    
+    .file-name-input {
+        font-size: 0.9rem;
+    }
+    
+    .file-meta {
+        flex-wrap: wrap;
+        gap: 8px;
+        font-size: 0.75rem;
+    }
+    
+    .file-actions {
+        width: 100%;
+        justify-content: flex-end;
+        gap: 6px;
+    }
+    
+    .file-btn {
+        width: 32px;
+        height: 32px;
+        font-size: 0.9rem;
+    }
 }

@media (min-width: 768px) {