diff --git a/ui/static/index.html b/ui/static/index.html index f28560b..505199e 100644 --- a/ui/static/index.html +++ b/ui/static/index.html @@ -164,6 +164,70 @@ body { gap: 8px; } +/* File Upload */ +.file-upload-row { + display: flex; + align-items: center; + gap: 8px; + margin-top: 6px; +} + +.file-input { + display: none; +} + +.file-upload-btn { + padding: 4px 12px; + background: var(--surface-lighten); + color: var(--text); + border: 1px dashed var(--text-muted); + border-radius: 4px; + cursor: pointer; + font-family: inherit; + font-size: 12px; + transition: all 0.2s; +} + +.file-upload-btn:hover { + border-color: var(--accent); + color: var(--accent); + background: var(--surface-darken); +} + +.file-info { + display: none; + align-items: center; + gap: 6px; + font-size: 12px; + color: var(--text-muted); + background: var(--surface-darken); + padding: 3px 8px; + border-radius: 4px; +} + +.file-info.attached { + display: inline-flex; +} + +.file-info-name { + color: var(--success); + max-width: 200px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.file-info-remove { + cursor: pointer; + color: var(--accent); + font-weight: bold; + padding: 0 4px; +} + +.file-info-remove:hover { + color: var(--warning); +} + .btn { padding: 6px 16px; background: var(--primary); @@ -568,6 +632,14 @@ body {