diff options
Diffstat (limited to 'frontend/src/css')
| -rw-r--r-- | frontend/src/css/Dialog.css | 14 | ||||
| -rw-r--r-- | frontend/src/css/UploadRunDialog.css | 5 |
2 files changed, 15 insertions, 4 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 { |
diff --git a/frontend/src/css/UploadRunDialog.css b/frontend/src/css/UploadRunDialog.css index e85f206..6ea9884 100644 --- a/frontend/src/css/UploadRunDialog.css +++ b/frontend/src/css/UploadRunDialog.css | |||
| @@ -95,9 +95,12 @@ button, input { | |||
| 95 | transition: all 0.2s ease; | 95 | transition: all 0.2s ease; |
| 96 | } | 96 | } |
| 97 | 97 | ||
| 98 | .upload-run-buttons-container button { | ||
| 99 | border-radius: 32px; | ||
| 100 | } | ||
| 101 | |||
| 98 | button:hover { | 102 | button:hover { |
| 99 | background-color: #222538; | 103 | background-color: #222538; |
| 100 | border-radius: 32px; | ||
| 101 | } | 104 | } |
| 102 | 105 | ||
| 103 | .upload-run-map-container { | 106 | .upload-run-map-container { |