From 09ab6dbc1f2e0f92fcf738de5d7267b80ab90cab Mon Sep 17 00:00:00 2001 From: Tolu Date: Wed, 10 Apr 2024 10:46:51 -0400 Subject: [PATCH] Optimizing for larger screens --- .../compare-page/compare-player-section.css | 22 +++++++++++++++++++ prem-data/src/pages/page-style.css | 8 +++---- 2 files changed, 26 insertions(+), 4 deletions(-) diff --git a/prem-data/src/components/compare-page/compare-player-section.css b/prem-data/src/components/compare-page/compare-player-section.css index 0717984..3628c48 100644 --- a/prem-data/src/components/compare-page/compare-player-section.css +++ b/prem-data/src/components/compare-page/compare-player-section.css @@ -159,6 +159,15 @@ input:checked + .slider:before { .attrlist-label{ font-size: 1em; } +.options-list{ + font-size: 1em; +} +.season-option{ + font-size: 1em; +} +.select{ + font-size: 1.2em; +} @media screen and (max-width: 1000px) { .compare-body{ flex-direction: column; @@ -245,4 +254,17 @@ input:checked + .slider:before { .select-menu{ font-size: 0.8em; } + .season-option{ + font-size: 0.8em; + color: red; + } + .options-list{ + font-size: 1em; + } + .season-option{ + font-size: 1em; + } + .select{ + font-size: 1.2em; + } } \ No newline at end of file diff --git a/prem-data/src/pages/page-style.css b/prem-data/src/pages/page-style.css index dd51156..aa351b4 100644 --- a/prem-data/src/pages/page-style.css +++ b/prem-data/src/pages/page-style.css @@ -306,14 +306,14 @@ } @media screen and (min-width: 1441px) { .player-name{ - font-size: 2.5em; + font-size: 2em; } .player-page-club{ - font-size: 1.5em; + font-size: 1.2em; margin-bottom: 0.5em; } .player-page-position{ - font-size: 1.5em; + font-size: 1em; } .numbers-container{ font-size: 1.2em; @@ -322,7 +322,7 @@ font-size: 1em; } .position-tabs button{ - font-size: 2em; + font-size: 1.25em; } .player-statistics{ min-width: 100%;