feat/frontend: tablet breakpoints (#285)

1 files changed, 25 insertions, 0 deletions

diff --git a/frontend/src/css/Dialog.css b/frontend/src/css/Dialog.css
index d2f0528..1e03ca3 100644
--- a/frontend/src/css/Dialog.css
+++ b/frontend/src/css/Dialog.css
@@ -95,6 +95,31 @@
     }
 }
 
+@media screen and (min-width: 769px) and (max-width: 1024px) {
+    .dialog-container {
+        left: -280px;
+    }
+
+    .dialog {
+        min-width: 380px;
+        max-width: 500px;
+    }
+
+    .dialog-header {
+        font-size: 22px;
+    }
+
+    .dialog-description {
+        font-size: 17px;
+        padding: 13px 9px;
+    }
+
+    .dialog-btns-container button {
+        padding: 6px 12px;
+        font-size: 17px;
+    }
+}
+
 @media screen and (max-width: 768px) {
     .dialog-container {
         left: 0;