github/dataease
github/dataease
3
0
Fork 1
mirror of https://github.com/dataease/dataease.git synced 2025-02-24 11:32:57 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

refactor(仪表板): 调整未保存确认框的样式

Browse Source
This commit is contained in:
ulleo 2025-01-20 15:40:12 +08:00 committed by dataeaseShu
parent 0ce35ba12e
commit d2cc4dd6b4
1 changed files with 35 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
core/core-frontend/src/components/visualization/CanvasCacheDialog.vue
View File

@ -3,22 +3,21 @@
ref="canvasCacheDialogRef"
:append-to-body="true"
v-model="dialogShow"
width="360px"
width="420px"
:show-close="false"
trigger="click"
modal-class="canvasCacheDialog-modal"
class="canvasCacheDialog"
>
<el-row style="height: 20px">
<el-col :span="3">
<Icon name="warn-tree"
><warnTree style="width: 20px; height: 20px; float: right" class="svg-icon"
/></Icon>
</el-col>
<el-col :span="21">
<span style="font-size: 13px; margin-left: 10px; font-weight: bold; line-height: 20px">
<div style="display: flex; flex-direction: row; align-items: flex-start">
<Icon name="warn-tree">
<warnTree class="svg-icon warn-tree" />
</Icon>
<span class="tips">
{{ dialogInfo.tips }}
</span>
</el-col>
</el-row>
</div>
<template #footer>
<div class="dialog-footer">
<el-button size="mini" @click="doUseCache(false)">{{ t('visualization.no') }}</el-button>
@ -67,4 +66,26 @@ defineExpose({
})
</script>
<style lang="less" scoped></style>
<style lang="less">
.canvasCacheDialog-modal {
background: rgba(31, 35, 41, 0.4);
}
.canvasCacheDialog {
.warn-tree {
width: 24px;
height: 24px;
}
.tips {
margin-left: 16px;
font-size: 16px;
font-weight: 500;
line-height: 24px;
}
.ed-dialog__header {
display: none;
}
:deep(.ed-dialog__header) {
display: none;
}
}
</style>