diff --git a/index.html b/index.html index 83ab469..65d363f 100644 --- a/index.html +++ b/index.html @@ -227,6 +227,13 @@ .feat-checks { display: flex; flex-wrap: wrap; gap: 0.4rem 0.75rem; margin-top: 0.35rem; } .feat-check { display: flex; align-items: center; gap: 0.3rem; font-size: 0.82rem; color: var(--text); cursor: pointer; } .feat-check input[type=checkbox] { accent-color: var(--blue); width: 14px; height: 14px; cursor: pointer; } + /* Favorites preview */ + .fav-preview { display: flex; align-items: center; gap: 0.75rem; background: rgba(245,158,11,0.08); border: 1.5px solid rgba(245,158,11,0.3); border-radius: 10px; padding: 0.65rem 0.9rem; margin-bottom: 1rem; } + .fav-preview-thumbs { display: flex; gap: 0.3rem; flex-shrink: 0; } + .fav-preview-thumbs img { width: 36px; height: 36px; object-fit: cover; border-radius: 5px; border: 1.5px solid rgba(245,158,11,0.4); } + .fav-preview-more { width: 36px; height: 36px; border-radius: 5px; background: rgba(245,158,11,0.15); color: #B45309; font-size: 0.72rem; font-weight: 700; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } + .fav-preview-text { font-size: 0.83rem; color: #92400E; line-height: 1.4; } + .fav-preview-text strong { color: #B45309; } /* ── Ordner-Auswahl-Button in Drop-Zone ── */ #folder-picker-btn:hover { border-color: var(--blue); color: var(--blue); } @@ -418,6 +425,9 @@ + +
+