master
This commit is contained in:
parent
236f99b8b5
commit
38512656c3
|
|
@ -13,6 +13,7 @@ import UserLayout from "./UserLayout";
|
|||
import { IRouterProps, RouterContext } from "./RouterContext";
|
||||
import { layoutConfig } from "@/layouts/config";
|
||||
import stores from "@/store";
|
||||
import { Storage } from "@/utils";
|
||||
import "moment/locale/zh-cn";
|
||||
import "antd/dist/antd.variable.min.css";
|
||||
|
||||
|
|
@ -38,6 +39,16 @@ const Layout = ({ children, location, route, history, match }: IRouteComponentPr
|
|||
|
||||
useEffect(() => {
|
||||
// API.SettingService.initSystemParam();
|
||||
const { themeFontSize } = Storage.local.get("theme-themeInfo") || { themeFontSize: "12" };
|
||||
document.documentElement.style.setProperty("--data-size", themeFontSize + "px");
|
||||
const checkData = () => {
|
||||
const { themeFontSize } = Storage.local.get("theme-themeInfo") || { themeFontSize: "12" };
|
||||
document.documentElement.style.setProperty("--data-size", themeFontSize + "px");
|
||||
};
|
||||
window.addEventListener("storage", checkData);
|
||||
return () => {
|
||||
window.removeEventListener("storage", checkData);
|
||||
};
|
||||
}, []);
|
||||
|
||||
let layout;
|
||||
|
|
|
|||
|
|
@ -80,7 +80,7 @@
|
|||
}
|
||||
|
||||
.danger {
|
||||
font-size: 12px;
|
||||
font-size: var(--data-size);
|
||||
color: rgb(217, 0, 27)
|
||||
}
|
||||
|
||||
|
|
@ -140,11 +140,11 @@
|
|||
align-items: center;
|
||||
margin-right: 12px;
|
||||
color: #5d9cec;
|
||||
font-size: 12px;
|
||||
font-size: var(--data-size);
|
||||
|
||||
:global {
|
||||
.anticon {
|
||||
font-size: 12px;
|
||||
font-size: var(--data-size);
|
||||
margin-right: 4px;
|
||||
}
|
||||
}
|
||||
|
|
@ -176,7 +176,7 @@
|
|||
|
||||
.ant-btn-link, .ant-dropdown-trigger {
|
||||
padding: 0;
|
||||
font-size: 12px;
|
||||
font-size: var(--data-size);
|
||||
color: #333;
|
||||
}
|
||||
|
||||
|
|
@ -199,7 +199,7 @@
|
|||
|
||||
.ant-spin-container {
|
||||
.ant-pagination {
|
||||
font-size: 12px;
|
||||
font-size: var(--data-size);
|
||||
align-items: center;
|
||||
margin-right: 8px;
|
||||
|
||||
|
|
@ -225,7 +225,7 @@
|
|||
|
||||
.ant-pagination-options {
|
||||
.ant-select {
|
||||
font-size: 12px;
|
||||
font-size: var(--data-size);
|
||||
|
||||
.ant-select-selector {
|
||||
height: 28px;
|
||||
|
|
@ -242,7 +242,7 @@
|
|||
}
|
||||
|
||||
.ant-select-item {
|
||||
font-size: 12px;
|
||||
font-size: var(--data-size);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -264,7 +264,7 @@
|
|||
}
|
||||
|
||||
th, td {
|
||||
font-size: 12px;
|
||||
font-size: var(--data-size);
|
||||
|
||||
.ant-form-item {
|
||||
margin-bottom: 0;
|
||||
|
|
@ -277,7 +277,7 @@
|
|||
|
||||
.ant-typography {
|
||||
margin-bottom: 0 !important;
|
||||
font-size: 12px !important;
|
||||
font-size: var(--data-size) !important;
|
||||
}
|
||||
|
||||
.ant-checkbox-inner {
|
||||
|
|
@ -307,7 +307,7 @@
|
|||
.moreIconWrapper {
|
||||
:global {
|
||||
.ant-btn-link {
|
||||
font-size: 12px;
|
||||
font-size: var(--data-size);
|
||||
color: #333;
|
||||
}
|
||||
|
||||
|
|
@ -321,7 +321,7 @@
|
|||
|
||||
.ant-dropdown-menu-title-content {
|
||||
a {
|
||||
font-size: 12px;
|
||||
font-size: var(--data-size);
|
||||
color: #333;
|
||||
}
|
||||
|
||||
|
|
@ -350,7 +350,7 @@
|
|||
}
|
||||
|
||||
.ant-dropdown-menu-item {
|
||||
font-size: 12px;
|
||||
font-size: var(--data-size);
|
||||
color: #333;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -14,7 +14,7 @@
|
|||
|
||||
.ant-spin-container {
|
||||
.ant-pagination {
|
||||
font-size: 12px;
|
||||
font-size: var(--data-size);
|
||||
align-items: center;
|
||||
margin-right: 8px;
|
||||
|
||||
|
|
@ -40,7 +40,7 @@
|
|||
|
||||
.ant-pagination-options {
|
||||
.ant-select {
|
||||
font-size: 12px;
|
||||
font-size: var(--data-size);
|
||||
|
||||
.ant-select-selector {
|
||||
height: 28px;
|
||||
|
|
@ -57,7 +57,7 @@
|
|||
}
|
||||
|
||||
.ant-select-item {
|
||||
font-size: 12px;
|
||||
font-size: var(--data-size);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -79,7 +79,7 @@
|
|||
}
|
||||
|
||||
th, td {
|
||||
font-size: 12px;
|
||||
font-size: var(--data-size);
|
||||
|
||||
.ant-form-item {
|
||||
margin-bottom: 0;
|
||||
|
|
|
|||
|
|
@ -18,7 +18,7 @@
|
|||
color: rgb(204, 204, 204);
|
||||
text-align: center;
|
||||
margin-top: 16px;
|
||||
font-size: 12px;
|
||||
font-size: var(--data-size);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@
|
|||
|
||||
.ant-btn-link, .ant-dropdown-trigger {
|
||||
padding: 0;
|
||||
font-size: 12px;
|
||||
font-size: var(--data-size);
|
||||
color: #333;
|
||||
}
|
||||
|
||||
|
|
@ -31,7 +31,7 @@
|
|||
|
||||
.ant-spin-container {
|
||||
.ant-pagination {
|
||||
font-size: 12px;
|
||||
font-size: var(--data-size);
|
||||
align-items: center;
|
||||
margin-right: 8px;
|
||||
|
||||
|
|
@ -57,7 +57,7 @@
|
|||
|
||||
.ant-pagination-options {
|
||||
.ant-select {
|
||||
font-size: 12px;
|
||||
font-size: var(--data-size);
|
||||
|
||||
.ant-select-selector {
|
||||
height: 28px;
|
||||
|
|
@ -74,7 +74,7 @@
|
|||
}
|
||||
|
||||
.ant-select-item {
|
||||
font-size: 12px;
|
||||
font-size: var(--data-size);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -96,7 +96,7 @@
|
|||
}
|
||||
|
||||
th, td {
|
||||
font-size: 12px;
|
||||
font-size: var(--data-size);
|
||||
|
||||
.ant-form-item {
|
||||
margin-bottom: 0;
|
||||
|
|
@ -117,7 +117,7 @@
|
|||
}
|
||||
|
||||
.ant-dropdown-menu-item {
|
||||
font-size: 12px;
|
||||
font-size: var(--data-size);
|
||||
color: #333;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue