style: Fine-tuning styles

This commit is contained in:
zhaojisen
2024-06-13 10:27:23 +08:00
parent c1e21905df
commit bb37dde0e0
4 changed files with 16 additions and 8 deletions

View File

@@ -241,7 +241,7 @@ export default {
.el-col, div {
.my-card {
min-width: 330px;
height: 250px;
//height: 250px;
width: 100%;
position: relative;
margin-bottom: 20px;

View File

@@ -8,7 +8,9 @@
</el-col>
<el-col :span="2" @click.native="handleClick($event)">
<el-dropdown>
<el-link :underline="false" type="primary"><i class="el-icon-more el-icon--right" /></el-link>
<el-link :underline="false" type="primary">
<i class="el-icon-more el-icon--right" style="color: var(--color-text-primary)" />
</el-link>
<el-dropdown-menu default="dropdown">
<el-dropdown-item v-for="action in actions" :key="action.name" @click.native="action.callback">
<i v-if="action.icon" :class="action.icon" /> {{ action.name }}
@@ -18,15 +20,15 @@
</el-col>
</el-row>
<el-divider />
<el-row :gutter="20" style="height: 80%;">
<el-row :gutter="20">
<el-col :span="6" class="image">
<el-image :src="cloudImage" fit="contain" />
</el-col>
<el-col :span="18">
<InfoPanel :content="iTask.regions.length" :title="$tc('TotalSyncRegion')" />
<InfoPanel :content="iTask.instance_count || 0" :title="$tc('TotalSyncAsset')" />
<InfoPanel :content="iTask.strategy.length" :title="$tc('TotalSyncStrategy')" />
<InfoPanel :content="toSafeLocalDateStr(object.date_created)" :title="$tc('DateJoined')" />
<!-- <InfoPanel :content="iTask.strategy.length" :title="$tc('TotalSyncStrategy')" /> -->
<!-- <InfoPanel :content="toSafeLocalDateStr(object.date_created)" :title="$tc('DateJoined')" /> -->
<InfoPanel :content="toSafeLocalDateStr(iTask.date_last_sync)" :title="$tc('DateLastSync')" />
</el-col>
</el-row>
@@ -168,11 +170,12 @@ export default {
.account-panel {
display: flex;
flex-direction: column;
height: 100%;
//height: 100%;
cursor: pointer;
& .el-row:first-of-type {
height: 30px !important;
padding: 0;
.el-col-22 {
padding-left: 0 !important;
@@ -199,6 +202,7 @@ export default {
display: flex;
align-items: center;
margin: 0 !important;
padding: 25px 0;
}
.el-divider--horizontal {

View File

@@ -8,7 +8,7 @@
:title="$tc('CloudSyncConfig')"
:visible.sync="iVisible"
v-bind="$attrs"
width="70%"
width="1051px"
v-on="$listeners"
>
<el-row style="padding: 10px">
@@ -103,6 +103,10 @@ export default {
</script>
<style scoped lang="scss">
::v-deep .el-dialog {
min-width: 1051px !important;
max-width: 1051px !important;
}
::v-deep .el-step {
.el-step__head {
&.is-process {

View File

@@ -59,7 +59,7 @@ export default {
}
html:lang(en) .panel-item span {
min-width: 160px;
min-width: 100px;
}
html:lang(ja) .panel-item span {