diff options
| author | Nathan Reiner <nathan@nathanreiner.xyz> | 2025-12-17 17:17:12 +0100 |
|---|---|---|
| committer | Nathan Reiner <nathan@nathanreiner.xyz> | 2025-12-17 17:17:12 +0100 |
| commit | 03be4133908ca7e9af90a13bdaf9d3cde1430c9e (patch) | |
| tree | b622d547c0f6d0252ed46df815b850025470db02 /static/widgets/image/index.css | |
| parent | 2f0b09dcb4595b3a5c4204e82b1cddd511a53743 (diff) | |
add download button
Diffstat (limited to 'static/widgets/image/index.css')
| -rw-r--r-- | static/widgets/image/index.css | 41 |
1 files changed, 33 insertions, 8 deletions
diff --git a/static/widgets/image/index.css b/static/widgets/image/index.css index f265644..063e5b1 100644 --- a/static/widgets/image/index.css +++ b/static/widgets/image/index.css @@ -76,6 +76,9 @@ align-content: center; overflow: hidden; padding: 0px; + display: grid; + grid-template-columns: 1fr; + gap: 10px; } #menu.open { @@ -88,21 +91,43 @@ padding: 10px; color: #fff; font-weight: bold; - margin: auto; - width: min-content; border-radius: var(--border-radius); cursor: pointer; user-select: none; } -#date { - background: #efefef99; +#download { + background: var(--primary); padding: 10px; - font-weight: bold; - margin: auto; - width: min-content; border-radius: var(--border-radius); + color: #fff; + font-weight: bold; + user-select: none; cursor: pointer; +} + +#label { + display: grid; + grid-template-columns: 55px auto; +} + +#label #title { + padding: 10px; + background: var(--primary); + border-top-left-radius: var(--border-radius); + border-bottom-left-radius: var(--border-radius); + color: #fff; + font-weight: bold; + user-select: none; +} + +.element { + background: #efefef99; + padding: 10px; + font-weight: bold; + overflow-x: auto; user-select: none; - margin-bottom: 10px; + white-space: nowrap; + border-top-right-radius: var(--border-radius); + border-bottom-right-radius: var(--border-radius); } |