forked from github/dataease
style: 主题适配
This commit is contained in:
parent
5b53aeb514
commit
15dd9fce18
@ -49,7 +49,7 @@ export default {
|
|||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 14%);
|
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 14%);
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
background: #f5f6f7;
|
background-color: var(--MainBG,#f5f6f7);
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
padding: 24px 24px 24px 24px;
|
padding: 24px 24px 24px 24px;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
@ -61,14 +61,14 @@ export default {
|
|||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
line-height: 28px;
|
line-height: 28px;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
color: #1F2329;
|
color: var(--TextPrimary, #1F2329);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.container-wrapper {
|
.container-wrapper {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
background: #fff;
|
background-color: var(--ContentBG, #FFFFFF);
|
||||||
margin-top: 24px;
|
margin-top: 24px;
|
||||||
padding: 24px;
|
padding: 24px;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
|
@ -303,7 +303,7 @@ export default {
|
|||||||
height: calc(100vh - 56px);
|
height: calc(100vh - 56px);
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
background: #fff;
|
background-color: var(--ContentBG,#ffffff);
|
||||||
}
|
}
|
||||||
|
|
||||||
.aside-inActive{
|
.aside-inActive{
|
||||||
@ -337,6 +337,7 @@ export default {
|
|||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
line-height: 24px;
|
line-height: 24px;
|
||||||
|
color: var(--TextPrimary, #1F2329);
|
||||||
}
|
}
|
||||||
|
|
||||||
.insert-filter {
|
.insert-filter {
|
||||||
@ -403,6 +404,7 @@ export default {
|
|||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
line-height: 28px;
|
line-height: 28px;
|
||||||
margin-bottom: 24px;
|
margin-bottom: 24px;
|
||||||
|
color: var(--TextPrimary, #1F2329);
|
||||||
}
|
}
|
||||||
|
|
||||||
.margin-top16 {
|
.margin-top16 {
|
||||||
|
@ -88,6 +88,7 @@ export default {
|
|||||||
white-space:nowrap;
|
white-space:nowrap;
|
||||||
overflow:hidden;
|
overflow:hidden;
|
||||||
text-overflow:ellipsis;
|
text-overflow:ellipsis;
|
||||||
|
color: var(--TextPrimary, #1F2329);
|
||||||
}
|
}
|
||||||
|
|
||||||
.template-img {
|
.template-img {
|
||||||
|
@ -67,7 +67,7 @@ export default {
|
|||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
width: 182px;
|
width: 182px;
|
||||||
height: 116px;
|
height: 116px;
|
||||||
background: #ffffff;
|
background-color: var(--ContentBG,#ffffff);
|
||||||
border: 1px solid #DEE0E3 ;
|
border: 1px solid #DEE0E3 ;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
flex: none;
|
flex: none;
|
||||||
|
@ -158,7 +158,7 @@ export default {
|
|||||||
_this.$nextTick(() => {
|
_this.$nextTick(() => {
|
||||||
const curSeparator = Math.trunc(templateMainDom.offsetWidth / _this.templateMiniWidth)
|
const curSeparator = Math.trunc(templateMainDom.offsetWidth / _this.templateMiniWidth)
|
||||||
_this.templateSpan = (100 / Math.trunc(templateMainDom.offsetWidth / _this.templateMiniWidth)) + '%'
|
_this.templateSpan = (100 / Math.trunc(templateMainDom.offsetWidth / _this.templateMiniWidth)) + '%'
|
||||||
_this.templateCurWidth = Math.trunc(templateMainDom.offsetWidth / curSeparator) - 32
|
_this.templateCurWidth = Math.trunc(templateMainDom.offsetWidth / curSeparator) - 33
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
@ -266,7 +266,7 @@ export default {
|
|||||||
height: calc(100vh - 190px)!important;
|
height: calc(100vh - 190px)!important;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
background: #fff ;
|
background-color: var(--ContentBG,#ffffff);
|
||||||
}
|
}
|
||||||
.market-main{
|
.market-main{
|
||||||
padding:24px
|
padding:24px
|
||||||
@ -276,6 +276,7 @@ export default {
|
|||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
line-height: 28px;
|
line-height: 28px;
|
||||||
|
color: var(--TextPrimary, #1F2329);
|
||||||
}
|
}
|
||||||
.title-right{
|
.title-right{
|
||||||
float: right;
|
float: right;
|
||||||
@ -322,7 +323,7 @@ export default {
|
|||||||
.outer-body{
|
.outer-body{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: calc(100vh - 56px);
|
height: calc(100vh - 56px);
|
||||||
background: #f5f6f7;
|
background-color: var(--MainBG,#f5f6f7);
|
||||||
}
|
}
|
||||||
|
|
||||||
.market-dialog-css{
|
.market-dialog-css{
|
||||||
|
Loading…
Reference in New Issue
Block a user