diff options
| author | Arda Serdar Pektezol <1669855+pektezol@users.noreply.github.com> | 2024-10-22 12:28:34 +0300 |
|---|---|---|
| committer | Arda Serdar Pektezol <1669855+pektezol@users.noreply.github.com> | 2024-10-22 12:28:34 +0300 |
| commit | 456ad515988d7918ca64e429d50e21a969f77837 (patch) | |
| tree | 7572f52a25de97f1d7712d68c4a6871891945a8d | |
| parent | frontend: await message (diff) | |
| download | lphub-456ad515988d7918ca64e429d50e21a969f77837.tar.gz lphub-456ad515988d7918ca64e429d50e21a969f77837.tar.bz2 lphub-456ad515988d7918ca64e429d50e21a969f77837.zip | |
frontend: dimmer fullscreen upload, change text
| -rw-r--r-- | frontend/src/components/MessageDialog.tsx | 2 | ||||
| -rw-r--r-- | frontend/src/css/Dialog.css | 3 | ||||
| -rw-r--r-- | frontend/src/css/UploadRunDialog.css | 3 |
3 files changed, 3 insertions, 5 deletions
diff --git a/frontend/src/components/MessageDialog.tsx b/frontend/src/components/MessageDialog.tsx index 0a8db42..17b1258 100644 --- a/frontend/src/components/MessageDialog.tsx +++ b/frontend/src/components/MessageDialog.tsx | |||
| @@ -19,7 +19,7 @@ const MessageDialog: React.FC<MessageDialogProps> = ({ title, subtitle, onClose | |||
| 19 | <span>{subtitle}</span> | 19 | <span>{subtitle}</span> |
| 20 | </div> | 20 | </div> |
| 21 | <div className='dialog-element dialog-btns-container'> | 21 | <div className='dialog-element dialog-btns-container'> |
| 22 | <button onClick={onClose}>Ok</button> | 22 | <button onClick={onClose}>Close</button> |
| 23 | </div> | 23 | </div> |
| 24 | </div> | 24 | </div> |
| 25 | </div> | 25 | </div> |
diff --git a/frontend/src/css/Dialog.css b/frontend/src/css/Dialog.css index f16425d..47f070b 100644 --- a/frontend/src/css/Dialog.css +++ b/frontend/src/css/Dialog.css | |||
| @@ -1,10 +1,9 @@ | |||
| 1 | .dimmer { | 1 | .dimmer { |
| 2 | position: fixed; | 2 | position: fixed; |
| 3 | width: calc(100%); | 3 | width: 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; | 6 | z-index: 4; |
| 7 | left: 0px; | ||
| 8 | } | 7 | } |
| 9 | 8 | ||
| 10 | .dialog { | 9 | .dialog { |
diff --git a/frontend/src/css/UploadRunDialog.css b/frontend/src/css/UploadRunDialog.css index 6ea9884..a9037c3 100644 --- a/frontend/src/css/UploadRunDialog.css +++ b/frontend/src/css/UploadRunDialog.css | |||
| @@ -36,8 +36,7 @@ div#upload-run{ | |||
| 36 | position: absolute; | 36 | position: absolute; |
| 37 | background-color: black; | 37 | background-color: black; |
| 38 | opacity: .3; | 38 | opacity: .3; |
| 39 | left: 320px; | 39 | width: 100%; |
| 40 | width: calc(100% - 320px); | ||
| 41 | height: 100%; | 40 | height: 100%; |
| 42 | z-index: 2; | 41 | z-index: 2; |
| 43 | cursor: no-drop; | 42 | cursor: no-drop; |