From d2470b157f84844539c34adfaf77548069f47bd0 Mon Sep 17 00:00:00 2001
From: Arda Serdar Pektezol <1669855+pektezol@users.noreply.github.com>
Date: Sun, 26 Oct 2025 13:29:53 +0400
Subject: feat/frontend: tablet breakpoints (#285)

---
 frontend/src/css/UploadRunDialog.css | 45 ++++++++++++++++++++++++++++++++++++
 1 file changed, 45 insertions(+)

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

diff --git a/frontend/src/css/UploadRunDialog.css b/frontend/src/css/UploadRunDialog.css
index 56c2080..0237521 100644
--- a/frontend/src/css/UploadRunDialog.css
+++ b/frontend/src/css/UploadRunDialog.css
@@ -165,6 +165,51 @@ button:hover {
     align-items: flex-start;
 }
 
+@media screen and (min-width: 769px) and (max-width: 1024px) {
+    div#upload-run {
+        width: 280px;
+    }
+
+    #upload-run-menu {
+        left: calc(50% + 140px);
+        top: 100px;
+    }
+
+    #upload-run-menu-add,
+    #upload-run-menu-edit {
+        font-size: 36px;
+    }
+
+    #upload-run-menu-add>div,
+    #upload-run-menu-edit>div {
+        font-size: 19px;
+        padding: 0px 13px;
+    }
+
+    .upload-run-dropdown-container .dropdown-cur {
+        width: 220px;
+    }
+
+    .upload-run-dropdown {
+        width: 240px;
+        max-height: 280px;
+    }
+
+    .upload-run-demo-name {
+        width: 350px;
+    }
+
+    .upload-run-drag-area {
+        width: 340px;
+        height: 140px;
+    }
+
+    button,
+    input {
+        font-size: 17px;
+    }
+}
+
 @media screen and (max-width: 768px) {
     div#upload-run {
         width: 90vw;
-- 
cgit v1.2.3