登录页面样式重构

This commit is contained in:
禺狨 2023-03-03 14:47:18 +08:00
parent 589bd275d1
commit a50144cac4
3 changed files with 40 additions and 42 deletions

View File

@ -9,7 +9,6 @@ import { Menu } from "antd";
import { useNavigate, Link } from "react-router-dom";
import styles from "./index.module.less";
import logo from "../../assets/logo.png";
import "../../utils/index.less";
function getItem(label: any, key: any, icon: any, children: any, type: any) {
return {

View File

@ -1,14 +1,14 @@
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
"Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
code {
font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
monospace;
}
@ -87,4 +87,40 @@ code {
box-sizing: border-box;
padding: 24px;
border-radius: 12px;
}
}
.ant-menu-item {
width: calc(100% - 32px) !important;
margin-left: 16px !important;
margin-right: 16px !important;
margin-top: 8px !important;
margin-bottom: 8px !important;
}
.ant-menu-submenu {
width: calc(100% - 24px) !important;
margin-left: 12px !important;
margin-right: 12px !important;
margin-top: 6px !important;
margin-bottom: 6px !important;
}
.ant-menu,
.ant-menu-sub,
.ant-menu-inline {
background-color: #ffffff !important;
}
.ant-menu-item-selected {
background-color: #ff4d4f !important;
color: white !important;
}
.ant-menu-submenu-selected > .ant-menu-submenu-title {
color: #ff4d4f !important;
}
.ant-menu-item-active {
background-color: #ff4d4f !important;
color: white !important;
}

View File

@ -1,37 +0,0 @@
.ant-menu-item {
width: calc(100% - 32px) !important;
margin-left: 16px !important;
margin-right: 16px !important;
margin-top: 8px !important;
margin-bottom: 8px !important;
}
.ant-menu-submenu {
width: calc(100% - 24px) !important;
margin-left: 12px !important;
margin-right: 12px !important;
margin-top: 6px !important;
margin-bottom: 6px !important;
}
.ant-menu,
.ant-menu-sub,
.ant-menu-inline {
background-color: #ffffff !important;
}
.ant-menu-item-selected {
background-color: #ff4d4f !important;
color: white !important;
}
.ant-menu-submenu-selected > .ant-menu-submenu-title {
color: #ff4d4f !important;
}
.ant-menu-item-active {
background-color: #ff4d4f !important;
color: white !important;
}