From 364438b66d594a084d9662666d5ac0d037080124 Mon Sep 17 00:00:00 2001
From: CN-JS-HuiBai <huyang@littlediary.cn>
Date: Thu, 2 Apr 2026 17:25:52 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=97=A0=E6=B3=95=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BAmp4=E4=BB=A5=E5=A4=96=E7=9A=84=E6=96=87=E4=BB=B6?=
 =?UTF-8?q?=E7=9A=84BUG?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/css/style.css | 24 ++++++++++++++++++++++--
 server.js            |  9 +++++++--
 2 files changed, 29 insertions(+), 4 deletions(-)

diff --git a/public/css/style.css b/public/css/style.css
index 8c6e408..5c7400b 100644
--- a/public/css/style.css
+++ b/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 {
diff --git a/server.js b/server.js
index d1a42bd..3b90741 100644
--- a/server.js
+++ b/server.js
@@ -40,8 +40,13 @@ app.get('/api/videos', async (req, res) => {
 
         const response = await s3Client.send(command);
 
-        // Filter for common video formats
-        const videoExtensions = ['.mp4', '.avi', '.mov', '.mkv', '.webm', '.flv', '.wmv', '.m4v'];
+        // Filter for a broader set of common video formats
+        const videoExtensions = [
+            '.3gp', '.3g2', '.asf', '.avi', '.divx', '.flv', '.m2ts', '.m2v',
+            '.m4v', '.mkv', '.mov', '.mp4', '.mpeg', '.mpg', '.mts', '.mxf',
+            '.ogm', '.ogv', '.qt', '.rm', '.rmvb', '.ts', '.vob', '.vro',
+            '.webm', '.wmv'
+        ];
         const videos = (response.Contents || [])
             .map(item => item.Key)
             .filter(key => {