diff --git a/src/network/html/FilesPage.html b/src/network/html/FilesPage.html index f58200f..08c0a0b 100644 --- a/src/network/html/FilesPage.html +++ b/src/network/html/FilesPage.html @@ -341,6 +341,90 @@ width: 60px; text-align: center; } + /* Failed uploads banner */ + .failed-uploads-banner { + background-color: #fff3cd; + border: 1px solid #ffc107; + border-radius: 4px; + padding: 15px; + margin-bottom: 15px; + display: none; + } + .failed-uploads-banner.show { + display: block; + } + .failed-uploads-header { + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 10px; + } + .failed-uploads-title { + font-weight: 600; + color: #856404; + margin: 0; + } + .dismiss-btn { + background: none; + border: none; + font-size: 1.2em; + cursor: pointer; + color: #856404; + padding: 0; + line-height: 1; + } + .dismiss-btn:hover { + color: #533f03; + } + .failed-file-item { + display: flex; + justify-content: space-between; + align-items: center; + padding: 8px 0; + border-bottom: 1px solid #ffe69c; + } + .failed-file-item:last-child { + border-bottom: none; + } + .failed-file-info { + flex: 1; + } + .failed-file-name { + font-weight: 500; + color: #856404; + } + .failed-file-error { + font-size: 0.85em; + color: #856404; + opacity: 0.8; + } + .retry-btn { + background-color: #ffc107; + color: #533f03; + border: none; + padding: 6px 12px; + border-radius: 4px; + cursor: pointer; + font-size: 0.9em; + font-weight: 600; + } + .retry-btn:hover { + background-color: #e0a800; + } + .retry-all-btn { + background-color: #ffc107; + color: #533f03; + border: none; + padding: 8px 16px; + border-radius: 4px; + cursor: pointer; + font-size: 0.95em; + font-weight: 600; + margin-top: 10px; + } + .retry-all-btn:hover { + background-color: #e0a800; + } /* Delete modal */ .delete-warning { color: #e74c3c; @@ -505,6 +589,16 @@ + +
+Select a file to upload to
- +