fix: 优化终端界面菜单按钮样式 (#2676)

Refs #2669
This commit is contained in:
ssongliu 2023-10-25 15:44:36 +08:00 committed by wanghe-fit2cloud
parent 13f5ac77c2
commit 8607acbb22
2 changed files with 9 additions and 19 deletions

View File

@ -159,7 +159,7 @@
</template>
</el-dialog>
<OperatrDialog @search="search" ref="dialogRef" />
<OperateDialog @search="search" ref="dialogRef" />
<Records @search="search" ref="dialogRecordRef" />
</div>
</template>
@ -167,7 +167,7 @@
<script lang="ts" setup>
import TableSetting from '@/components/table-setting/index.vue';
import Tooltip from '@/components/tooltip/index.vue';
import OperatrDialog from '@/views/cronjob/operate/index.vue';
import OperateDialog from '@/views/cronjob/operate/index.vue';
import Records from '@/views/cronjob/record/index.vue';
import { loadZero } from '@/utils/util';
import { onMounted, reactive, ref } from 'vue';

View File

@ -59,32 +59,22 @@ onUnmounted(() => {
<style lang="scss">
.router_card {
--el-card-border-radius: 8px;
--el-card-padding: 0 !important;
padding: 0px;
padding-bottom: 2px;
padding-top: 2px;
--el-card-padding: 0;
}
.router_card_button {
margin-left: 2px;
.el-radio-button__inner {
min-width: 100px;
height: 100%;
border: 0 !important;
background-color: var(--panel-button-active) !important;
box-shadow: none !important;
border: 2px solid transparent !important;
}
.el-radio-button__original-radio:checked + .el-radio-button__inner {
border-radius: 3px;
color: $primary-color;
background-color: var(--panel-button-active);
box-shadow: 0 0 0 2px $primary-color !important;
}
.el-radio-button:first-child .el-radio-button__inner {
border-radius: 3px;
color: $primary-color;
background-color: var(--panel-button-active);
box-shadow: 0 0 0 2px $primary-color !important;
border-color: $primary-color !important;
border-radius: 4px;
}
}
</style>