Commit 6927df32 authored by chenshouchao's avatar chenshouchao

feat: 样式调整

parent b50885a4
...@@ -72,7 +72,6 @@ const theme = createTheme({ ...@@ -72,7 +72,6 @@ const theme = createTheme({
}, },
}, },
}, },
// #C2C6CC
MuiTabs: { MuiTabs: {
styleOverrides: { styleOverrides: {
indicator: { indicator: {
...@@ -80,6 +79,15 @@ const theme = createTheme({ ...@@ -80,6 +79,15 @@ const theme = createTheme({
}, },
}, },
}, },
MuiButtonBase: {
styleOverrides: {
root: {
"&.Mui-selected .MuiTypography-root": {
fontWeight: "600",
},
},
},
},
}, },
}); });
...@@ -90,7 +98,7 @@ const Tabs = (props: IProps) => { ...@@ -90,7 +98,7 @@ const Tabs = (props: IProps) => {
defaultValue, defaultValue,
onChange, onChange,
allowNullValue = false, allowNullValue = false,
tabPanelSx = { padding: "24px 0 0 0" }, tabPanelSx = { padding: "20px 0 0 0" },
title, title,
titleClass, titleClass,
} = props; } = props;
......
...@@ -4,21 +4,21 @@ ...@@ -4,21 +4,21 @@
} }
.projectDataStickyTop { .projectDataStickyTop {
height: 100%; height: 100%;
padding: 28px 24px 64px; padding: 22px 24px 64px;
position: relative; position: relative;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
box-sizing: border-box; box-sizing: border-box;
} }
.projectDataStickyTopPadding { .projectDataStickyTopPadding {
padding: 28px 24px 24px; padding: 22px 24px 24px;
} }
.projectDataTitle { .projectDataTitle {
font-size: 18px; font-size: 18px;
color: #1e2633; color: #1e2633;
line-height: 26px; line-height: 26px;
font-weight: 600; font-weight: 600;
margin-bottom: 24px; margin-bottom: 20px;
} }
.projectDataHeader { .projectDataHeader {
position: relative; position: relative;
......
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin: 0 24px; margin: 0 24px;
padding: 24px 0 20px; padding: 22px 0 20px;
border-bottom: 1px solid #edeff2; border-bottom: 1px solid #edeff2;
} }
...@@ -67,7 +67,7 @@ ...@@ -67,7 +67,7 @@
color: #1e2633; color: #1e2633;
margin-right: 8px; margin-right: 8px;
} }
.red{ .red {
color: rgba(255, 78, 78, 1); color: rgba(255, 78, 78, 1);
} }
.verticalLine { .verticalLine {
...@@ -136,4 +136,4 @@ ...@@ -136,4 +136,4 @@
justify-content: center; justify-content: center;
align-items: center; align-items: center;
height: calc(100vh - 100px); height: calc(100vh - 100px);
} }
\ No newline at end of file
...@@ -40,7 +40,7 @@ const ProjectSetting = observer(() => { ...@@ -40,7 +40,7 @@ const ProjectSetting = observer(() => {
if (currentProjectStore.currentProjectInfo.name) { if (currentProjectStore.currentProjectInfo.name) {
return ( return (
<div style={{ padding: "28px 24px 24px" }}> <div style={{ padding: "22px 24px" }}>
<div <div
style={{ display: "flex", alignItems: "center", marginBottom: "3px" }} style={{ display: "flex", alignItems: "center", marginBottom: "3px" }}
> >
......
...@@ -53,7 +53,7 @@ const ProjectWorkbench = observer(() => { ...@@ -53,7 +53,7 @@ const ProjectWorkbench = observer(() => {
}, [isPass]); }, [isPass]);
if (currentProjectStore.currentProjectInfo.name) { if (currentProjectStore.currentProjectInfo.name) {
return ( return (
<div style={{ padding: "28px 24px 24px" }}> <div style={{ padding: "22px 24px 24px" }}>
<div style={{ display: "flex", alignItems: "center" }}> <div style={{ display: "flex", alignItems: "center" }}>
<span <span
style={{ style={{
...@@ -61,7 +61,7 @@ const ProjectWorkbench = observer(() => { ...@@ -61,7 +61,7 @@ const ProjectWorkbench = observer(() => {
lineHeight: "26px", lineHeight: "26px",
fontWeight: "600", fontWeight: "600",
color: "#1E2633", color: "#1E2633",
marginBottom: "3px", marginBottom: "-1px",
}} }}
> >
工作台 工作台
......
...@@ -208,8 +208,6 @@ const UserResourcesEnvironment = () => { ...@@ -208,8 +208,6 @@ const UserResourcesEnvironment = () => {
></SearchInput> ></SearchInput>
{!addOpen && ( {!addOpen && (
<MySelect <MySelect
title="环境类型"
isTitle={true}
options={[ options={[
{ {
label: "全部", label: "全部",
......
...@@ -141,8 +141,6 @@ const UserResourcesTemplate = observer(() => { ...@@ -141,8 +141,6 @@ const UserResourcesTemplate = observer(() => {
}} }}
></SearchInput> ></SearchInput>
<MySelect <MySelect
title="产品类型"
isTitle={true}
options={ options={
[ [
{ label: "全部", value: "all" }, { label: "全部", value: "all" },
......
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