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

Update PageTabs styling to display horizontally with proper border styling

Browse Source
This commit is contained in:
gnezim
2026-04-06 10:56:14 +03:00
parent 3aefa18e54
commit 349cd029f7
1 changed files with 12 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/react/src/app/components/page-tabs/page-tabs.scss
+12 -10
View File
@@ -1,32 +1,34 @@
.page-tabs { .page-tabs {
display: flex; display: flex;
flex-direction: column; flex-direction: row;
gap: 8px; gap: 6px;
width: 100%; width: 100%;
align-items: center;
} }
.page-tabs__link { .page-tabs__link {
display: block; display: inline-block;
padding: 12px 16px; padding: 10px 16px;
text-decoration: none; text-decoration: none;
color: #333333; color: #333333;
font-weight: 500; font-weight: 500;
background-color: #ffffff; background-color: #ffffff;
border: 2px solid #c0c0c0; border: 2px solid #9999bb;
border-radius: 2px; border-radius: 4px;
cursor: pointer; cursor: pointer;
transition: all 0.15s ease; transition: all 0.15s ease;
text-align: center; text-align: center;
font-size: 13px; font-size: 13px;
line-height: 1.4; line-height: 1.2;
white-space: nowrap;
&:hover { &:hover {
background-color: #fafafa; background-color: #f5f5f5;
border-color: #a0a0a0; border-color: #7777aa;
} }
&--active { &--active {
background-color: #f0f0f0; background-color: #ffffff;
color: #1976d2; color: #1976d2;
border-color: #1976d2; border-color: #1976d2;
font-weight: 600; font-weight: 600;