gnezim/flights_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Replace border-radius: 4px with vars.$border-radius (3px) to match Angular

Browse Source
This commit is contained in:
Anton
2026-04-20 04:26:19 +03:00
parent 627f155f87
commit c8257baf26
8 changed files with 20 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/features/online-board/components/details-panels/panels.scss
+2 -1
View File
@@ -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;
src/features/schedule/components/ScheduleDetailsPage.scss
+1 -1
View File
@@ -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;
src/features/schedule/components/ScheduleFilter.scss
+2 -2
View File
@@ -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;
src/features/schedule/components/ScheduleFlightBody.scss
+3 -3
View File
@@ -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;
src/features/schedule/components/WeekTabs.scss
+3 -2
View File
@@ -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;
src/ui/calendar/DayQuickPick.scss
+1 -1
View File
@@ -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;
src/ui/city-autocomplete/CityPickerPopup.scss
+4 -3
View File
@@ -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;
src/ui/flights/FlightCard.scss
+4 -4
View File
@@ -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;