diff options
| author | Fuwn <[email protected]> | 2025-12-02 00:27:00 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2025-12-02 00:27:00 -0800 |
| commit | 1be710b82415b7b5b394dd664f115a3f46cf3b8b (patch) | |
| tree | 2d5fe320396315da8382c0adce89147b692206e7 | |
| parent | feat(index.html): Clean up canvas and analysis loading visuals (diff) | |
| download | rysk-1be710b82415b7b5b394dd664f115a3f46cf3b8b.tar.xz rysk-1be710b82415b7b5b394dd664f115a3f46cf3b8b.zip | |
feat(index.html): Match file upload button to theme
| -rw-r--r-- | index.html | 42 |
1 files changed, 42 insertions, 0 deletions
@@ -177,6 +177,48 @@ color: var(--text-tertiary); } + /* File input button styling */ + .input-field input[type="file"]::file-selector-button { + padding: var(--spacing-sm) var(--spacing-md); + margin-right: var(--spacing-md); + background: var(--accent); + border: none; + border-radius: var(--radius); + color: var(--text-primary); + font-size: 0.875rem; + font-weight: 500; + font-family: inherit; + cursor: pointer; + transition: all 0.2s ease; + } + + .input-field input[type="file"]::file-selector-button:hover { + background: var(--accent-hover); + } + + .input-field input[type="file"]::file-selector-button:active { + transform: scale(0.98); + } + + /* Webkit browsers */ + .input-field input[type="file"]::-webkit-file-upload-button { + padding: var(--spacing-sm) var(--spacing-md); + margin-right: var(--spacing-md); + background: var(--accent); + border: none; + border-radius: var(--radius); + color: var(--text-primary); + font-size: 0.875rem; + font-weight: 500; + font-family: inherit; + cursor: pointer; + transition: all 0.2s ease; + } + + .input-field input[type="file"]::-webkit-file-upload-button:hover { + background: var(--accent-hover); + } + /* Table Container */ .table-container { background: var(--surface); |