commit

2026-02-26 14:13:04 +01:00
commit b6f96085a1
15 changed files with 730 additions and 0 deletions
--- a/static/css/app.css
+++ b/static/css/app.css
@@ -0,0 +1,48 @@
+.mode-btn {
+    aspect-ratio: 1;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    padding: 1.5rem;
+    transition: all 0.2s;
+}
+
+.mode-btn:hover, .mode-btn.active {
+    transform: translateY(-2px);
+    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
+}
+
+.mode-btn.active {
+    background-color: #0d6efd;
+    color: white;
+    border-color: #0d6efd;
+}
+
+.drop-zone {
+    cursor: pointer;
+    transition: all 0.2s;
+    min-height: 280px;
+}
+
+.drop-zone:hover {
+    border-color: #0d6efd;
+    box-shadow: 0 0 0 0.25rem rgba(13,110,253,0.1);
+}
+
+.drop-zone.dragover {
+    border-color: #0d6efd !important;
+    background-color: rgba(13,110,253,0.05);
+}
+
+.result-card {
+    border-radius: 0.75rem;
+    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
+}
+
+.preview-iframe {
+    width: 100%;
+    height: 300px;
+    border-radius: 0.5rem;
+    border: 1px solid #dee2e6;
+}