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 {
display: flex;
flex-direction: column;
gap: 8px;
flex-direction: row;
gap: 6px;
width: 100%;
align-items: center;
}
.page-tabs__link {
display: block;
padding: 12px 16px;
display: inline-block;
padding: 10px 16px;
text-decoration: none;
color: #333333;
font-weight: 500;
background-color: #ffffff;
border: 2px solid #c0c0c0;
border-radius: 2px;
border: 2px solid #9999bb;
border-radius: 4px;
cursor: pointer;
transition: all 0.15s ease;
text-align: center;
font-size: 13px;
line-height: 1.4;
line-height: 1.2;
white-space: nowrap;
&:hover {
background-color: #fafafa;
border-color: #a0a0a0;
background-color: #f5f5f5;
border-color: #7777aa;
}
&--active {
background-color: #f0f0f0;
background-color: #ffffff;
color: #1976d2;
border-color: #1976d2;
font-weight: 600;