diff options
| author | Arda Serdar Pektezol <1669855+pektezol@users.noreply.github.com> | 2025-10-26 13:29:53 +0400 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2025-10-26 12:29:53 +0300 |
| commit | d2470b157f84844539c34adfaf77548069f47bd0 (patch) | |
| tree | b537237557666d0a18155be1fa5436a04455cdc7 /frontend/src/css/Sidebar.css | |
| parent | feat/frontend: center hamburger close button (#284) (diff) | |
| download | lphub-d2470b157f84844539c34adfaf77548069f47bd0.tar.gz lphub-d2470b157f84844539c34adfaf77548069f47bd0.tar.bz2 lphub-d2470b157f84844539c34adfaf77548069f47bd0.zip | |
feat/frontend: tablet breakpoints (#285)
Diffstat (limited to '')
| -rw-r--r-- | frontend/src/css/Sidebar.css | 59 |
1 files changed, 59 insertions, 0 deletions
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 { | |||
| 308 | display: none; | 308 | display: none; |
| 309 | } | 309 | } |
| 310 | 310 | ||
| 311 | @media screen and (min-width: 769px) and (max-width: 1024px) { | ||
| 312 | #sidebar { | ||
| 313 | width: 280px; | ||
| 314 | } | ||
| 315 | |||
| 316 | #logo-text { | ||
| 317 | font-size: 30px; | ||
| 318 | line-height: 32px; | ||
| 319 | } | ||
| 320 | |||
| 321 | #logo-text>span>b { | ||
| 322 | font-size: 50px; | ||
| 323 | } | ||
| 324 | |||
| 325 | .sidebar-button, | ||
| 326 | .logout-button, | ||
| 327 | .submit-run-button { | ||
| 328 | width: 265px; | ||
| 329 | height: 40px; | ||
| 330 | } | ||
| 331 | |||
| 332 | input#searchbar[type=text] { | ||
| 333 | width: 200px; | ||
| 334 | height: 28px; | ||
| 335 | font-size: 18px; | ||
| 336 | } | ||
| 337 | |||
| 338 | #search-data { | ||
| 339 | max-height: calc(100vh - 172px); | ||
| 340 | } | ||
| 341 | |||
| 342 | .search-map, | ||
| 343 | .search-player { | ||
| 344 | width: calc(100% - 50px); | ||
| 345 | height: 75px; | ||
| 346 | margin: 9px 6px 0 6px; | ||
| 347 | } | ||
| 348 | |||
| 349 | .search-map>span { | ||
| 350 | font-size: 15px; | ||
| 351 | } | ||
| 352 | |||
| 353 | .search-map>span:nth-child(3) { | ||
| 354 | font-size: 26px; | ||
| 355 | } | ||
| 356 | |||
| 357 | .search-player { | ||
| 358 | padding: 0 14px; | ||
| 359 | } | ||
| 360 | |||
| 361 | .search-player>img { | ||
| 362 | height: 55px; | ||
| 363 | } | ||
| 364 | |||
| 365 | .search-player>span { | ||
| 366 | font-size: 23px; | ||
| 367 | } | ||
| 368 | } | ||
| 369 | |||
| 311 | @media screen and (max-width: 768px) { | 370 | @media screen and (max-width: 768px) { |
| 312 | 371 | ||
| 313 | #sidebar { | 372 | #sidebar { |