diff options
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); } |