diff options
| author | Wolfboy248 <georgejvindkarlsen@gmail.com> | 2024-11-01 17:56:35 +0100 |
|---|---|---|
| committer | Wolfboy248 <georgejvindkarlsen@gmail.com> | 2024-11-01 17:56:35 +0100 |
| commit | a6a5735e4869ac9835a0b2a1f7740448ecd63449 (patch) | |
| tree | 7f58458483f74d938adf9cae7d2b98e169401261 /frontend/src/css | |
| parent | frontend: convert all native confirm and alerts to custom hooks (diff) | |
| download | lphub-a6a5735e4869ac9835a0b2a1f7740448ecd63449.tar.gz lphub-a6a5735e4869ac9835a0b2a1f7740448ecd63449.tar.bz2 lphub-a6a5735e4869ac9835a0b2a1f7740448ecd63449.zip | |
frontend: uploadrundialog.tsx
Diffstat (limited to 'frontend/src/css')
| -rw-r--r-- | frontend/src/css/UploadRunDialog.css | 14 |
1 files changed, 9 insertions, 5 deletions
diff --git a/frontend/src/css/UploadRunDialog.css b/frontend/src/css/UploadRunDialog.css index f6e910b..78fca5e 100644 --- a/frontend/src/css/UploadRunDialog.css +++ b/frontend/src/css/UploadRunDialog.css | |||
| @@ -10,7 +10,7 @@ div#upload-run{ | |||
| 10 | 10 | ||
| 11 | #upload-run-menu{ | 11 | #upload-run-menu{ |
| 12 | position: absolute; | 12 | position: absolute; |
| 13 | left: calc(50% + 160px); top: 130px; | 13 | left: calc(50%); top: 130px; |
| 14 | transform: translateX(-50%); | 14 | transform: translateX(-50%); |
| 15 | background-color: #2b2e46; | 15 | background-color: #2b2e46; |
| 16 | z-index: 3; color: white; | 16 | z-index: 3; color: white; |
| @@ -23,14 +23,19 @@ div#upload-run{ | |||
| 23 | outline: 8px solid #2b2e46; | 23 | outline: 8px solid #2b2e46; |
| 24 | border-radius: 20px; | 24 | border-radius: 20px; |
| 25 | font-size: 40px; | 25 | font-size: 40px; |
| 26 | width: 400px; | 26 | text-wrap: nowrap; |
| 27 | } | 27 | } |
| 28 | 28 | ||
| 29 | #upload-run-menu-add>div, | 29 | #upload-run-menu-add>div, |
| 30 | #upload-run-menu-edit>div{ | 30 | #upload-run-menu-edit>div{ |
| 31 | display: grid; | 31 | display: flex; |
| 32 | font-size: 20px; | 32 | font-size: 20px; |
| 33 | padding: 0px 15px; | 33 | padding: 0px 15px; |
| 34 | gap: 2px; | ||
| 35 | } | ||
| 36 | |||
| 37 | #upload-run-menu-add>div .upload-run-item { | ||
| 38 | margin: 0px 20px; | ||
| 34 | } | 39 | } |
| 35 | 40 | ||
| 36 | #upload-run-block{ | 41 | #upload-run-block{ |
| @@ -59,7 +64,7 @@ div#upload-run{ | |||
| 59 | animation: dropdown-in 0.2s ease; | 64 | animation: dropdown-in 0.2s ease; |
| 60 | max-height: 300px; | 65 | max-height: 300px; |
| 61 | overflow-y: scroll; | 66 | overflow-y: scroll; |
| 62 | width: calc(100% - 30px); | 67 | width: 400px; |
| 63 | } | 68 | } |
| 64 | 69 | ||
| 65 | .upload-run-dropdown div { | 70 | .upload-run-dropdown div { |
| @@ -111,7 +116,6 @@ button:hover { | |||
| 111 | 116 | ||
| 112 | .upload-run-map-container { | 117 | .upload-run-map-container { |
| 113 | display: flex; | 118 | display: flex; |
| 114 | flex-direction: column; | ||
| 115 | } | 119 | } |
| 116 | 120 | ||
| 117 | .upload-run-buttons-container { | 121 | .upload-run-buttons-container { |