修复无法显示mp4以外的文件的BUG

public/css/style.css

@@ -109,6 +109,10 @@ header p {
     align-items: flex-start;
 }
 
+.dashboard > * {
+    min-width: 0;
+}
+
 .glass-panel {
     background: var(--panel-bg);
     backdrop-filter: blur(16px);
@@ -155,10 +159,13 @@ header p {
     gap: 0.5rem;
     max-height: 500px;
     overflow-y: auto;
+    overflow-x: auto;
+    min-width: 0;
 }
 
 .video-list::-webkit-scrollbar {
     width: 6px;
+    height: 6px;
 }
 
 .video-list::-webkit-scrollbar-thumb {
@@ -176,6 +183,7 @@ header p {
     display: flex;
     align-items: center;
     gap: 1rem;
+    min-width: 0;
 }
 
 .video-item:hover {
@@ -210,8 +218,19 @@ header p {
     font-weight: 600;
     font-size: 0.95rem;
     white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
+    overflow-x: auto;
+    overflow-y: hidden;
+    text-overflow: clip;
+    padding-bottom: 0.2rem;
+}
+
+.video-title::-webkit-scrollbar {
+    height: 6px;
+}
+
+.video-title::-webkit-scrollbar-thumb {
+    background: var(--panel-border);
+    border-radius: 6px;
 }
 
 .video-meta {
@@ -237,6 +256,7 @@ header p {
     display: flex;
     align-items: center;
     gap: 1rem;
+    min-width: 0;
 }
 
 .folder-header:hover {