aboutsummaryrefslogtreecommitdiff
path: root/frontend/src/css
diff options
context:
space:
mode:
authorWolfboy248 <georgejvindkarlsen@gmail.com>2024-10-29 10:09:17 +0100
committerWolfboy248 <georgejvindkarlsen@gmail.com>2024-10-29 10:09:17 +0100
commit35946dbb2feb7f9d1cbab16fb0602ce0303562e9 (patch)
tree3ba530c1b3f5a1742ec41dfee5b74b43353619e2 /frontend/src/css
parentMerge branch 'typescript' of https://github.com/pektezol/LeastPortalsHub into... (diff)
downloadlphub-35946dbb2feb7f9d1cbab16fb0602ce0303562e9.tar.gz
lphub-35946dbb2feb7f9d1cbab16fb0602ce0303562e9.tar.bz2
lphub-35946dbb2feb7f9d1cbab16fb0602ce0303562e9.zip
refactor: upload run dialog, useMessage update, added loader spinner
Diffstat (limited to 'frontend/src/css')
-rw-r--r--frontend/src/css/UploadRunDialog.css10
1 files changed, 6 insertions, 4 deletions
diff --git a/frontend/src/css/UploadRunDialog.css b/frontend/src/css/UploadRunDialog.css
index c783d2a..737409e 100644
--- a/frontend/src/css/UploadRunDialog.css
+++ b/frontend/src/css/UploadRunDialog.css
@@ -23,6 +23,7 @@ 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} 27}
27 28
28#upload-run-menu-add>div, 29#upload-run-menu-add>div,
@@ -115,7 +116,7 @@ button:hover {
115 width: 100%; 116 width: 100%;
116} 117}
117 118
118#host_demo { 119#host_demo, #partner_demo {
119 background-color: rgba(0, 0, 0, 0); 120 background-color: rgba(0, 0, 0, 0);
120 display: none; 121 display: none;
121} 122}
@@ -123,18 +124,19 @@ button:hover {
123.upload-run-drag-area { 124.upload-run-drag-area {
124 border: 2px dashed grey; 125 border: 2px dashed grey;
125 border-radius: 10px; 126 border-radius: 10px;
126 height: 200px; 127 height: 150px;
127 cursor: pointer; 128 cursor: pointer;
128 width: 300px; 129 width: 360px;
129 transition: all 0.2s ease; 130 transition: all 0.2s ease;
130 text-align: center; 131 text-align: center;
131 display: flex; 132 display: flex;
132 flex-direction: column; 133 flex-direction: column;
133 align-items: center; 134 align-items: center;
134 justify-content: center; 135 justify-content: center;
136 margin: 20px 0px;
135} 137}
136 138
137.upload-run-drag-area-highlight { 139.upload-run-drag-area-highlight, .upload-run-drag-area-highlight-partner {
138 border: 2px dashed white; 140 border: 2px dashed white;
139} 141}
140 142