refactor and fake upload

1 files changed, 87 insertions, 0 deletions

diff --git a/static/css/main.css b/static/css/main.css
index ca70e63..969b156 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -605,4 +605,91 @@ footer::before {
 .ib-loader-seg:nth-child(12) {
     top: 3px;
     left: 5px;
+}
+
+/* Upload All Button Styles */
+.upload-all-btn {
+    padding: 12px 24px;
+    cursor: pointer;
+    transition: all 0.3s ease;
+    width: auto;
+    min-width: 120px;
+}
+
+.upload-all-btn:disabled {
+    cursor: not-allowed;
+    opacity: 0.6;
+}
+
+.upload-all-btn.uploading {
+    background-color: #444400;
+    border-color: #ffff00;
+    color: #ffffcc;
+}
+
+.upload-all-btn.success {
+    background-color: #004400;
+    border-color: #00ff00;
+    color: #ccffcc;
+    animation: successPulse 1s ease-in-out;
+}
+
+.upload-all-btn.warning {
+    background-color: #664400;
+    border-color: #ffaa00;
+    color: #ffeecc;
+}
+
+.upload-all-btn.error {
+    background-color: #440000;
+    border-color: #ff0000;
+    color: #ffcccc;
+}
+
+@keyframes successPulse {
+    0% {
+        box-shadow: 0 0 0 rgba(0, 255, 0, 0.4);
+    }
+
+    50% {
+        box-shadow: 0 0 16px rgba(0, 255, 0, 0.6);
+    }
+
+    100% {
+        box-shadow: 0 0 0 rgba(0, 255, 0, 0.4);
+    }
+}
+
+.preview-area.uploaded {
+    opacity: 0.7;
+    background-color: rgba(0, 68, 0, 0.1);
+    border-left: 3px solid #00ff00;
+    padding-left: 8px;
+}
+
+.preview-area.upload-error {
+    background-color: rgba(68, 0, 0, 0.1);
+    border-left: 3px solid #ff0000;
+    padding-left: 8px;
+}
+
+.preview-remove-btn.uploaded {
+    background-color: #004400;
+    border-color: #00ff00;
+    color: #ccffcc;
+    cursor: default;
+}
+
+.preview-remove-btn.uploading {
+    background-color: #333333;
+    border-color: #666666;
+    color: #999999;
+    cursor: not-allowed;
+    opacity: 0.6;
+}
+
+.preview-remove-btn.error {
+    background-color: #440000;
+    border-color: #ff0000;
+    color: #ffcccc;
 }
\ No newline at end of file