Skip to content

B
bkunyun
Commit 8ddb3f4f authored by chenshouchao's avatar chenshouchao
Browse files
Options

feat: tabs组件样式微调

parent 894a8ac2
Show whitespace changes
Inline Side-by-side
Showing with 11 additions and 4 deletions
src/components/mui/MyTabs/index.module.css
View file @ 8ddb3f4f
...@@ -6,8 +6,9 @@ ...@@ -6,8 +6,9 @@
color: #1e2633; color: #1e2633;
line-height: 48px; line-height: 48px;
} }
.titleBox::after { .titleBoxLine {
content: "|"; width: 1px;
padding: 0 24px; height: 20px;
color: #dde1e6; background-color: rgba(221, 225, 230, 1);
margin: 0 24px;
} }
src/components/mui/MyTabs/index.tsx
View file @ 8ddb3f4f
...@@ -80,6 +80,9 @@ const theme = createTheme({ ...@@ -80,6 +80,9 @@ const theme = createTheme({
indicator: { indicator: {
backgroundColor: "#1370FF", backgroundColor: "#1370FF",
}, },
flexContainer: {
alignItems: "center",
},
}, },
}, },
MuiButtonBase: { MuiButtonBase: {
...@@ -182,6 +185,7 @@ const Tabs = (props: IProps) => { ...@@ -182,6 +185,7 @@ const Tabs = (props: IProps) => {
}} }}
> >
{title ? ( {title ? (
<>
<span <span
className={classNames({ className={classNames({
[styles.titleBox]: true, [styles.titleBox]: true,
...@@ -190,6 +194,8 @@ const Tabs = (props: IProps) => { ...@@ -190,6 +194,8 @@ const Tabs = (props: IProps) => {
> >
{title} {title}
</span> </span>
<div className={styles.titleBoxLine}></div>
</>
) : null} ) : null}
{tabList {tabList
?.filter((item) => !item.hide) ?.filter((item) => !item.hide)
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment