From c8257baf26a488c29701f9de0f1b8540625c3bed Mon Sep 17 00:00:00 2001 From: gnezim Date: Mon, 20 Apr 2026 04:26:19 +0300 Subject: [PATCH] Replace border-radius: 4px with vars.$border-radius (3px) to match Angular --- .../online-board/components/details-panels/panels.scss | 3 ++- src/features/schedule/components/ScheduleDetailsPage.scss | 2 +- src/features/schedule/components/ScheduleFilter.scss | 4 ++-- src/features/schedule/components/ScheduleFlightBody.scss | 6 +++--- src/features/schedule/components/WeekTabs.scss | 5 +++-- src/ui/calendar/DayQuickPick.scss | 2 +- src/ui/city-autocomplete/CityPickerPopup.scss | 7 ++++--- src/ui/flights/FlightCard.scss | 8 ++++---- 8 files changed, 20 insertions(+), 17 deletions(-) diff --git a/src/features/online-board/components/details-panels/panels.scss b/src/features/online-board/components/details-panels/panels.scss index 5adb3e49..a90e7a9e 100644 --- a/src/features/online-board/components/details-panels/panels.scss +++ b/src/features/online-board/components/details-panels/panels.scss @@ -1,4 +1,5 @@ @use "../../../../styles/colors" as colors; +@use "../../../../styles/variables" as vars; .details-panel { padding: 12px 0; @@ -41,7 +42,7 @@ .details-panel__status { display: inline-block; padding: 2px 8px; - border-radius: 4px; + border-radius: vars.$border-radius; background: #f0f4f8; color: colors.$blue; font-size: 12px; diff --git a/src/features/schedule/components/ScheduleDetailsPage.scss b/src/features/schedule/components/ScheduleDetailsPage.scss index 40909248..6d439e89 100644 --- a/src/features/schedule/components/ScheduleDetailsPage.scss +++ b/src/features/schedule/components/ScheduleDetailsPage.scss @@ -23,7 +23,7 @@ padding: 10px 16px; background: rgba(255, 255, 255, 0.92); color: colors.$blue; - border-radius: 4px; + border-radius: vars.$border-radius; font-size: 14px; font-weight: fonts.$font-medium; text-decoration: none; diff --git a/src/features/schedule/components/ScheduleFilter.scss b/src/features/schedule/components/ScheduleFilter.scss index 5ede5cf4..08d01319 100644 --- a/src/features/schedule/components/ScheduleFilter.scss +++ b/src/features/schedule/components/ScheduleFilter.scss @@ -43,7 +43,7 @@ padding: 4px; cursor: pointer; color: colors.$blue; - border-radius: 4px; + border-radius: vars.$border-radius; &:hover { background: rgba(46, 87, 255, 0.06); } @@ -103,7 +103,7 @@ background: colors.$blue; color: #fff; border: none; - border-radius: 4px; + border-radius: vars.$border-radius; padding: 12px 16px; font-size: 14px; font-weight: fonts.$font-medium; diff --git a/src/features/schedule/components/ScheduleFlightBody.scss b/src/features/schedule/components/ScheduleFlightBody.scss index 7117f6ea..e2c5221b 100644 --- a/src/features/schedule/components/ScheduleFlightBody.scss +++ b/src/features/schedule/components/ScheduleFlightBody.scss @@ -182,7 +182,7 @@ padding: 0; background: transparent; border: none; - border-radius: 4px; + border-radius: vars.$border-radius; cursor: pointer; transition: background-color 120ms ease; @@ -195,7 +195,7 @@ background: colors.$orange; color: #fff; border: none; - border-radius: 4px; + border-radius: vars.$border-radius; padding: 10px 24px; font-size: 14px; font-weight: fonts.$font-medium; @@ -210,7 +210,7 @@ background: colors.$blue; color: #fff; border: 1px solid colors.$blue; - border-radius: 4px; + border-radius: vars.$border-radius; padding: 10px 24px; font-size: 14px; font-weight: fonts.$font-medium; diff --git a/src/features/schedule/components/WeekTabs.scss b/src/features/schedule/components/WeekTabs.scss index daf0bf35..03081aa2 100644 --- a/src/features/schedule/components/WeekTabs.scss +++ b/src/features/schedule/components/WeekTabs.scss @@ -1,4 +1,5 @@ @use "../../../styles/colors" as colors; +@use "../../../styles/variables" as vars; .week-tabs { display: flex; @@ -16,7 +17,7 @@ font-size: 18px; width: 28px; cursor: pointer; - border-radius: 4px; + border-radius: vars.$border-radius; &:hover:not(:disabled) { background: rgba(0, 0, 0, 0.04); @@ -44,7 +45,7 @@ font-size: 13px; color: #1f6fb8; cursor: pointer; - border-radius: 4px; + border-radius: vars.$border-radius; white-space: nowrap; transition: background 120ms; diff --git a/src/ui/calendar/DayQuickPick.scss b/src/ui/calendar/DayQuickPick.scss index 5d3ab07e..b9b1c4a1 100644 --- a/src/ui/calendar/DayQuickPick.scss +++ b/src/ui/calendar/DayQuickPick.scss @@ -20,7 +20,7 @@ padding: 8px 10px; background: colors.$white; border: 1px solid colors.$border; - border-radius: 4px; + border-radius: vars.$border-radius; color: colors.$text-color; cursor: pointer; font: inherit; diff --git a/src/ui/city-autocomplete/CityPickerPopup.scss b/src/ui/city-autocomplete/CityPickerPopup.scss index 5d7d3671..fd41f68b 100644 --- a/src/ui/city-autocomplete/CityPickerPopup.scss +++ b/src/ui/city-autocomplete/CityPickerPopup.scss @@ -1,10 +1,11 @@ @use "../../styles/colors" as colors; +@use "../../styles/variables" as vars; .city-autocomplete-popup { position: absolute; width: 630px; background: #ffffff; - border-radius: 4px; + border-radius: vars.$border-radius; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); z-index: 10000; margin-top: 8px; @@ -79,7 +80,7 @@ display: inline-block; padding: 8px; cursor: pointer; - border-radius: 4px; + border-radius: vars.$border-radius; transition-duration: 0.1s; &:hover { background-color: #f3f9ff; } @@ -116,7 +117,7 @@ background-color: #4a8cff; color: #fff; border: none; - border-radius: 4px; + border-radius: vars.$border-radius; font-size: 14px; cursor: pointer; diff --git a/src/ui/flights/FlightCard.scss b/src/ui/flights/FlightCard.scss index c2db9db6..c1b76af8 100644 --- a/src/ui/flights/FlightCard.scss +++ b/src/ui/flights/FlightCard.scss @@ -228,7 +228,7 @@ padding: 0; background: transparent; border: none; - border-radius: 4px; + border-radius: vars.$border-radius; cursor: pointer; transition: background-color 120ms ease; @@ -246,7 +246,7 @@ background: transparent; color: colors.$blue; border: 1px solid colors.$blue; - border-radius: 4px; + border-radius: vars.$border-radius; padding: 9px 22px; font-size: 14px; font-weight: 500; @@ -261,7 +261,7 @@ background: colors.$orange; color: #fff; border: none; - border-radius: 4px; + border-radius: vars.$border-radius; padding: 10px 24px; font-size: 14px; font-weight: 500; @@ -276,7 +276,7 @@ background: colors.$blue; color: #fff; border: none; - border-radius: 4px; + border-radius: vars.$border-radius; padding: 10px 24px; font-size: 14px; font-weight: 500;