mirror of
https://gitee.com/elegant_wings/dbd-meeting-html.git
synced 2025-06-21 13:49:37 +08:00
121 lines
2.1 KiB
Plaintext
121 lines
2.1 KiB
Plaintext
@import '~ant-design-vue/es/style/themes/default.less';
|
|
|
|
html,
|
|
body,
|
|
#app, #root {
|
|
height: 100%;
|
|
}
|
|
|
|
.colorWeak {
|
|
filter: invert(80%);
|
|
}
|
|
|
|
.ant-layout.layout-basic {
|
|
height: 100vh;
|
|
min-height: 100vh;
|
|
}
|
|
|
|
canvas {
|
|
display: block;
|
|
}
|
|
|
|
body {
|
|
text-rendering: optimizeLegibility;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
ul,
|
|
ol {
|
|
list-style: none;
|
|
}
|
|
|
|
// 数据列表 样式
|
|
.table-alert {
|
|
margin-bottom: 16px;
|
|
}
|
|
// 数据列表 操作
|
|
.table-operator {
|
|
margin-bottom: 18px;
|
|
|
|
button {
|
|
margin-right: 8px;
|
|
}
|
|
}
|
|
// 数据列表 搜索条件
|
|
.table-page-search-wrapper {
|
|
|
|
.ant-form-inline {
|
|
.ant-form-item {
|
|
display: flex;
|
|
margin-bottom: 24px;
|
|
margin-right: 0;
|
|
|
|
.ant-form-item-control-wrapper {
|
|
flex: 1 1;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
> .ant-form-item-label {
|
|
line-height: 32px;
|
|
padding-right: 8px;
|
|
width: auto;
|
|
}
|
|
.ant-form-item-control {
|
|
height: 32px;
|
|
line-height: 32px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.table-page-search-submitButtons {
|
|
display: block;
|
|
margin-bottom: 24px;
|
|
white-space: nowrap;
|
|
}
|
|
}
|
|
|
|
@media (max-width: @screen-xs) {
|
|
.ant-table {
|
|
width: 100%;
|
|
overflow-x: auto;
|
|
&-thead > tr,
|
|
&-tbody > tr {
|
|
> th,
|
|
> td {
|
|
white-space: pre;
|
|
> span {
|
|
display: block;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.ant-pro-page-header-wrap-children-content{
|
|
margin: 5px 5px 0;
|
|
}
|
|
|
|
// 左侧菜单背景色
|
|
.ant-menu-dark, .ant-menu-dark .ant-menu-sub{
|
|
color: #FFF;
|
|
background-image: linear-gradient(to left,#0B5E8C 50px, #0A3D6F);
|
|
}
|
|
|
|
// 二级菜单背景色
|
|
.ant-menu-dark .ant-menu-inline.ant-menu-sub {
|
|
color: #FFF;
|
|
background-image: linear-gradient(to left,#0B5E8C 50px, #0A3D6F);
|
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) inset
|
|
}
|
|
|
|
// 二级菜单文字颜色
|
|
.ant-menu-dark .ant-menu-item, .ant-menu-dark .ant-menu-item-group-title, .ant-menu-dark .ant-menu-item > a {
|
|
color: #FFF;
|
|
}
|
|
|
|
// logo背景色
|
|
.ant-pro-sider-menu-logo {
|
|
background-image: linear-gradient(to left,#0B5E8C 50px, #0A3D6F);
|
|
} |