update

styles.css

@@ -18,14 +18,18 @@
 
 /* Grid 樣式 */
 .ge-grid-container {
-    display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(var(--grid-item-width, 300px), 1fr));
-    gap: 12px;
+    display: block;
+    column-count: 1;
+    column-width: 320px;
+    column-gap: 12px;
     padding: 12px !important;
-    align-items: start;
-    align-content: start;
     background: var(--background-secondary) !important;
-    flex: 1;
+    flex: 1 1 0;
+    width: 100%;
+    min-width: 0;
+    max-width: 100%;
+    box-sizing: border-box;
+    overflow-x: hidden;
     overflow-y: auto;
 }
 
@@ -43,7 +47,24 @@
     transition: transform 0.2s, box-shadow 0.2s;
     display: flex;
     gap: 14px;
-    height: var(--grid-item-height);
+    width: auto;
+    max-width: 100%;
+    min-width: 0;
+    box-sizing: border-box;
+    break-inside: avoid;
+    margin-bottom: 12px;
+    overflow: hidden;
+}
+
+.ge-grid-item.ge-files-card {
+    cursor: default;
+    min-height: 0;
+}
+
+.ge-grid-item.ge-files-card:hover {
+    transform: none;
+    background-color: var(--background-primary);
+    box-shadow: none;
 }
 
 .ge-grid-item:hover {
@@ -174,7 +195,9 @@
     padding: 7px;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
     transition: all 0.2s ease;
-    height: 100%;
+    height: auto;
+    flex-direction: column;
+    gap: 6px;
 }
 
 .ge-grid-item.ge-folder-item:hover {
@@ -189,6 +212,10 @@
 
 .ge-grid-item.ge-folder-item .ge-title {
     color: var(--text-normal);
+    overflow: visible;
+    text-overflow: clip;
+    white-space: normal;
+    word-break: break-word;
 }
 
 /* 上層資料夾的特殊樣式 */
@@ -203,7 +230,48 @@
 /* 調整資料夾項目的高度 */
 .ge-grid-item.ge-folder-item .ge-content-area {
     min-height: 0px;
-    justify-content: center;
+    justify-content: flex-start;
+}
+
+.ge-folder-files {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    gap: 4px;
+    width: 100%;
+    min-width: 0;
+}
+
+.ge-folder-file-item {
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    padding: 4px 8px;
+    border-radius: 4px;
+    cursor: pointer;
+    background-color: var(--background-primary);
+    border: 1px solid var(--background-modifier-border);
+    font-size: 0.85em;
+    max-width: 100%;
+    min-width: 0;
+    box-sizing: border-box;
+}
+
+.ge-folder-file-item:hover {
+    background-color: var(--background-modifier-hover);
+}
+
+.ge-folder-file-item .ge-icon-container {
+    flex-shrink: 0;
+    width: 14px;
+    height: 14px;
+}
+
+.ge-folder-file-title {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    min-width: 0;
 }
 
 .ge-grid-item.ge-folder-item .ge-title-container {