Rubicon/tutu
1
0
Fork 0
Code Issues 18 Pull requests 1 Projects 1 Activity Actions

Tabs: fix misplaced indicator

Browse source
This commit is contained in:
thislight 2025-01-02 17:12:48 +08:00
parent 66b593add8
commit 0eef74f25f
No known key found for this signature in database
GPG key ID: FCFE5192241CCD4E
4 changed files with 58 additions and 67 deletions
Download patch file Download diff file Expand all files Collapse all files

23
src/material/Tab.css Normal file
View file

@ -0,0 +1,23 @@
.Tab {
cursor: pointer;
background: none;
border: none;
height: 100%;
max-width: min(calc(100% - 56px), 264px);
padding: 10px 24px;
font-size: 0.8135rem;
font-weight: 600;
text-transform: uppercase;
transition: color 120ms var(--tutu-anim-curve-std);
}
.MuiToolbar-root .Tab {
color: rgba(255, 255, 255, 0.7);
&:hover,
&:focus,
&.focus,
&.Tabs-focus {
color: white;
}
}