github/lina
1
0
Fork 0
mirror of https://github.com/jumpserver/lina.git synced 2025-09-20 18:49:19 +00:00
Code Issues Projects Releases Wiki Activity

style: Fine-tuning styles

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Table/CardTable/index.vue
View File

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

14
src/views/assets/Cloud/Account/components/AccountPanel.vue
View File

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

6
src/views/assets/Cloud/Account/components/CreateDialog.vue
View File

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

2
src/views/assets/Cloud/Account/components/InfoPanel.vue
View File

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