diff options
| author | Arda Serdar Pektezol <1669855+pektezol@users.noreply.github.com> | 2025-10-22 01:52:05 +0400 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2025-10-22 00:52:05 +0300 |
| commit | b1fd0cdeff287e4cf0ec180ff9fee804cb2c8b8d (patch) | |
| tree | bd3a114b2ad3e3b69d86940b1c787a0ace4c89d2 /frontend/src/css/Dialog.css | |
| parent | feat/backend: add newrelic integration (#274) (diff) | |
| download | lphub-b1fd0cdeff287e4cf0ec180ff9fee804cb2c8b8d.tar.gz lphub-b1fd0cdeff287e4cf0ec180ff9fee804cb2c8b8d.tar.bz2 lphub-b1fd0cdeff287e4cf0ec180ff9fee804cb2c8b8d.zip | |
feat/frontend: add general mobile support (#275)
Diffstat (limited to 'frontend/src/css/Dialog.css')
| -rw-r--r-- | frontend/src/css/Dialog.css | 37 |
1 files changed, 29 insertions, 8 deletions
diff --git a/frontend/src/css/Dialog.css b/frontend/src/css/Dialog.css index fc557d2..d2f0528 100644 --- a/frontend/src/css/Dialog.css +++ b/frontend/src/css/Dialog.css | |||
| @@ -1,6 +1,6 @@ | |||
| 1 | .dimmer { | 1 | .dimmer { |
| 2 | position: fixed; | 2 | position: fixed; |
| 3 | /* WHAT A SCHTUPID ACTION */ | 3 | /* WHAT A SCHTUPID ACTION */ |
| 4 | width: 200%; | 4 | width: 200%; |
| 5 | height: 100%; | 5 | height: 100%; |
| 6 | background-color: rgba(0, 0, 0, 0.5); | 6 | background-color: rgba(0, 0, 0, 0.5); |
| @@ -8,12 +8,12 @@ | |||
| 8 | } | 8 | } |
| 9 | 9 | ||
| 10 | .dialog-container { | 10 | .dialog-container { |
| 11 | position: absolute; | 11 | position: absolute; |
| 12 | top: 0px; | 12 | top: 0px; |
| 13 | left: -350px; | 13 | left: -350px; |
| 14 | width: 100%; | 14 | width: 100%; |
| 15 | height: 100%; | 15 | height: 100%; |
| 16 | z-index: 10000; | 16 | z-index: 10000; |
| 17 | } | 17 | } |
| 18 | 18 | ||
| 19 | .dialog { | 19 | .dialog { |
| @@ -40,7 +40,8 @@ | |||
| 40 | padding: 8px; | 40 | padding: 8px; |
| 41 | } | 41 | } |
| 42 | 42 | ||
| 43 | .dialog-header, .dialog-btns-container { | 43 | .dialog-header, |
| 44 | .dialog-btns-container { | ||
| 44 | background-color: #202232; | 45 | background-color: #202232; |
| 45 | } | 46 | } |
| 46 | 47 | ||
| @@ -93,3 +94,23 @@ | |||
| 93 | opacity: 1; | 94 | opacity: 1; |
| 94 | } | 95 | } |
| 95 | } | 96 | } |
| 97 | |||
| 98 | @media screen and (max-width: 768px) { | ||
| 99 | .dialog-container { | ||
| 100 | left: 0; | ||
| 101 | } | ||
| 102 | |||
| 103 | .dialog { | ||
| 104 | min-width: 300px; | ||
| 105 | max-width: 90vw; | ||
| 106 | } | ||
| 107 | |||
| 108 | .dialog-header { | ||
| 109 | font-size: 20px; | ||
| 110 | } | ||
| 111 | |||
| 112 | .dialog-description { | ||
| 113 | font-size: 16px; | ||
| 114 | padding: 12px 8px; | ||
| 115 | } | ||
| 116 | } \ No newline at end of file | ||