diff options
| author | Wolfboy248 <105884620+Wolfboy248@users.noreply.github.com> | 2024-10-20 16:51:43 +0200 |
|---|---|---|
| committer | Wolfboy248 <105884620+Wolfboy248@users.noreply.github.com> | 2024-10-20 16:51:43 +0200 |
| commit | 1c51ea2e373dcdd458d8cdc1d3b2225c316f346d (patch) | |
| tree | e8a667b3260ae6e79582e89070967b90552c6e73 /frontend/src/css/Dialog.css | |
| parent | rankings: handle ties like iverb (diff) | |
| download | lphub-1c51ea2e373dcdd458d8cdc1d3b2225c316f346d.tar.gz lphub-1c51ea2e373dcdd458d8cdc1d3b2225c316f346d.tar.bz2 lphub-1c51ea2e373dcdd458d8cdc1d3b2225c316f346d.zip | |
refactor: touch ups
Diffstat (limited to 'frontend/src/css/Dialog.css')
| -rw-r--r-- | frontend/src/css/Dialog.css | 14 |
1 files changed, 11 insertions, 3 deletions
diff --git a/frontend/src/css/Dialog.css b/frontend/src/css/Dialog.css index c25a755..f16425d 100644 --- a/frontend/src/css/Dialog.css +++ b/frontend/src/css/Dialog.css | |||
| @@ -1,13 +1,15 @@ | |||
| 1 | .dimmer { | 1 | .dimmer { |
| 2 | position: absolute; | 2 | position: fixed; |
| 3 | width: calc(100%); | 3 | width: calc(100%); |
| 4 | height: 100%; | 4 | height: 100%; |
| 5 | background-color: rgba(0, 0, 0, 0.5); | 5 | background-color: rgba(0, 0, 0, 0.5); |
| 6 | z-index: 4; | ||
| 7 | left: 0px; | ||
| 6 | } | 8 | } |
| 7 | 9 | ||
| 8 | .dialog { | 10 | .dialog { |
| 9 | position: absolute; | 11 | position: fixed; |
| 10 | z-index: 10000; | 12 | z-index: 4; |
| 11 | top: 50%; | 13 | top: 50%; |
| 12 | left: 50%; | 14 | left: 50%; |
| 13 | transform: translate(-50%, -50%); | 15 | transform: translate(-50%, -50%); |
| @@ -17,6 +19,12 @@ | |||
| 17 | min-width: 350px; | 19 | min-width: 350px; |
| 18 | border: 0.1em solid #272831; | 20 | border: 0.1em solid #272831; |
| 19 | animation: dialog_in 0.2s cubic-bezier(0.075, 0.82, 0.165, 1.1); | 21 | animation: dialog_in 0.2s cubic-bezier(0.075, 0.82, 0.165, 1.1); |
| 22 | color: white; | ||
| 23 | font-family: BarlowSemiCondensed-Regular; | ||
| 24 | } | ||
| 25 | |||
| 26 | .dialog-header { | ||
| 27 | font-size: 24px; | ||
| 20 | } | 28 | } |
| 21 | 29 | ||
| 22 | .dialog-element { | 30 | .dialog-element { |