Optimize UI styling and layouts for mobile devices and small screens

2026-06-29 08:09:34 -04:00
parent d35a48bf64
commit 71f7b89099
3 changed files with 181 additions and 3 deletions
@@ -1934,7 +1934,7 @@ async function loadUploadsBrowser() {
            const fpsStr = entry.metadata ? `${entry.metadata.fps} FPS` : "-";
            
            item.innerHTML = `
-                <div style="display: flex; align-items: center; gap: 1rem; width: 100%;">
+                <div class="uploads-browser-item" style="width: 100%;">
                    <input type="checkbox" class="batch-select-checkbox" data-id="${entry.file_id}" style="width: 18px; height: 18px; cursor: pointer; accent-color: var(--primary);">
                    <div class="queue-item-details" style="flex: 1;">
                        <div class="queue-item-title">