github_mirrors/vben-admin-thin-next
1
0
Fork 0
mirror of https://github.com/vbenjs/vben-admin-thin-next.git synced 2025-01-23 09:40:22 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

chore: update style

Browse Source
This commit is contained in:
vben 2021-01-06 23:19:55 +08:00
parent 1e5fcd2cd2
commit a1c3c53c1f
13 changed files with 16 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
build/config/lessModifyVars.ts
View File

@ -17,12 +17,12 @@ const modifyVars = {
// 'heading-color': '#2C3A61', // Title color
// 'text-color': '#2C3A61', // Main text color
'text-color-secondary ': '#606266', // Subtext color
'background-color-base': '#F0F2F5', // background color
'background-color-base': '#f4f7f9', // background color
'font-size-base': '14px', // Main font size
'box-shadow-base': '0 2px 8px rgba(0, 0, 0, 0.15)', // Floating shadow
'border-color-base': '#F0F0F0', // Border color,
'border-color-split': '#F0F0F0', // Border color,
'border-radius-base': '2px', // Component/float fillet
'border-radius-base': '4px', // Component/float fillet
};
//}

2
index.html
View File

@ -24,7 +24,7 @@
justify-content: center;
align-items: center;
flex-direction: column;
background: #f0f2f5;
background: #f4f7f9;
}
.app-loading .app-loading-wrap {

1
src/components/Basic/src/BasicArrow.vue
View File

@ -15,7 +15,6 @@
export default defineComponent({
name: 'BasicArrow',
inheritAttrs: false,
components: { RightOutlined },
props: {
// Expand contract, expand by default

1
src/components/Basic/src/BasicHelp.vue
View File

@ -12,7 +12,6 @@
import { useDesign } from '/@/hooks/web/useDesign';
export default defineComponent({
name: 'BasicHelp',
inheritAttrs: false,
components: { Tooltip },
props: {
// max-width

1
src/components/Basic/src/BasicTitle.vue
View File

@ -15,7 +15,6 @@
export default defineComponent({
name: 'BasicTitle',
inheritAttrs: false,
components: { BasicHelp },
props: {
helpMessage: {

2
src/components/Drawer/src/BasicDrawer.vue
View File

@ -219,7 +219,7 @@
.ant-drawer-body {
height: calc(100% - @header-height);
padding: 0;
background-color: @background-color-dark;
background-color: #fff;
.scrollbar__wrap {
padding: 16px !important;

2
src/components/Modal/src/index.less
View File

@ -79,7 +79,7 @@
&-confirm-body {
.ant-modal-confirm-content {
color: @text-color-help-dark;
color: #fff;
> * {
color: @text-color-help-dark;

2
src/components/Page/src/PageWrapper.vue
View File

@ -132,7 +132,7 @@
position: relative;
.ant-page-header {
padding: 12px 16px;
// padding: 12px 16px;
&:empty {
padding: 0;

5
src/design/color.less
View File

@ -14,7 +14,8 @@
@white: #fff;
@content-bg: #f0f2f5;
@content-bg: #f4f7f9;
// @content-bg: #f0f2f5;
@info-color: @primary-color;
@ -60,7 +61,7 @@
// =================================
// dark
@background-color-dark: #f0f2f5;
@background-color-dark: #f4f7f9;
// light
@background-color-light: #f5f7fa;
// layout content background

2
src/layouts/default/header/MultipleHeader.vue
View File

@ -113,7 +113,7 @@
@prefix-cls: ~'@{namespace}-layout-multiple-header';
.@{prefix-cls} {
margin-left: 1px;
// margin-left: 1px;
transition: width 0.2s;
flex: 0 0 auto;

4
src/layouts/default/index.vue
View File

@ -83,5 +83,9 @@
> .ant-layout {
min-height: 100%;
}
&__main {
margin-left: 1px;
}
}
</style>

2
src/settings/colorSetting.ts
View File

@ -16,11 +16,11 @@ export const HEADER_PRESET_BG_COLOR_LIST: string[] = [
// sider preset color
export const SIDE_BAR_BG_COLOR_LIST: string[] = [
'#001529',
'#273352',
'#ffffff',
'#191b24',
'#191a23',
'#001529',
'#304156',
'#001628',
'#28333E',

2
src/settings/projectSetting.ts
View File

@ -76,7 +76,7 @@ const setting: ProjectConfig = {
// Menu configuration
menuSetting: {
// sidebar menu bg color
bgColor: '#273352',
bgColor: '#001529',
// Whether to fix the left menu
fixed: true,
// Menu collapse