From b1fd0cdeff287e4cf0ec180ff9fee804cb2c8b8d Mon Sep 17 00:00:00 2001
From: Arda Serdar Pektezol <1669855+pektezol@users.noreply.github.com>
Date: Wed, 22 Oct 2025 01:52:05 +0400
Subject: feat/frontend: add general mobile support (#275)

---
 frontend/src/css/Dialog.css | 37 +++++++++++++++++++++++++++++--------
 1 file changed, 29 insertions(+), 8 deletions(-)

(limited to 'frontend/src/css/Dialog.css')

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 @@
 .dimmer {
     position: fixed;
-	/* WHAT A SCHTUPID ACTION */
+    /* WHAT A SCHTUPID ACTION */
     width: 200%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.5);
@@ -8,12 +8,12 @@
 }
 
 .dialog-container {
-	position: absolute;
-	top: 0px;
-	left: -350px;
-	width: 100%;
-	height: 100%;
-	z-index: 10000;
+    position: absolute;
+    top: 0px;
+    left: -350px;
+    width: 100%;
+    height: 100%;
+    z-index: 10000;
 }
 
 .dialog {
@@ -40,7 +40,8 @@
     padding: 8px;
 }
 
-.dialog-header, .dialog-btns-container {
+.dialog-header,
+.dialog-btns-container {
     background-color: #202232;
 }
 
@@ -93,3 +94,23 @@
         opacity: 1;
     }
 }
+
+@media screen and (max-width: 768px) {
+    .dialog-container {
+        left: 0;
+    }
+
+    .dialog {
+        min-width: 300px;
+        max-width: 90vw;
+    }
+
+    .dialog-header {
+        font-size: 20px;
+    }
+
+    .dialog-description {
+        font-size: 16px;
+        padding: 12px 8px;
+    }
+}
\ No newline at end of file
-- 
cgit v1.2.3