w-lab-app/src/components/ui/TabBar/TabBar.module.scss
gofnnp f71ff66ace main
home page
2025-06-12 21:40:39 +04:00

32 lines
486 B
SCSS

.tabBar {
width: 100%;
display: flex;
flex-direction: row;
justify-content: center;
gap: 16px;
}
.tab {
position: relative;
padding: 14px 6px;
cursor: pointer;
transition: color 0.2s;
}
.tab.active,
.tab:focus {
color: #111;
font-weight: 700;
}
.tab.active::after {
content: "";
display: block;
height: 2px;
width: 100%;
background: #000;
border-radius: 2px;
position: absolute;
left: 0;
bottom: -2px;
}