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/Sidebar.css | 59 ++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 59 insertions(+)

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

diff --git a/frontend/src/css/Sidebar.css b/frontend/src/css/Sidebar.css
index 36ceb9c..413f32d 100644
--- a/frontend/src/css/Sidebar.css
+++ b/frontend/src/css/Sidebar.css
@@ -308,6 +308,65 @@ a {
     display: none;
 }
 
+@media screen and (min-width: 769px) and (max-width: 1024px) {
+    #sidebar {
+        width: 280px;
+    }
+
+    #logo-text {
+        font-size: 30px;
+        line-height: 32px;
+    }
+
+    #logo-text>span>b {
+        font-size: 50px;
+    }
+
+    .sidebar-button,
+    .logout-button,
+    .submit-run-button {
+        width: 265px;
+        height: 40px;
+    }
+
+    input#searchbar[type=text] {
+        width: 200px;
+        height: 28px;
+        font-size: 18px;
+    }
+
+    #search-data {
+        max-height: calc(100vh - 172px);
+    }
+
+    .search-map,
+    .search-player {
+        width: calc(100% - 50px);
+        height: 75px;
+        margin: 9px 6px 0 6px;
+    }
+
+    .search-map>span {
+        font-size: 15px;
+    }
+
+    .search-map>span:nth-child(3) {
+        font-size: 26px;
+    }
+
+    .search-player {
+        padding: 0 14px;
+    }
+
+    .search-player>img {
+        height: 55px;
+    }
+
+    .search-player>span {
+        font-size: 23px;
+    }
+}
+
 @media screen and (max-width: 768px) {
 
     #sidebar {
-- 
cgit v1.2.3