github
/
certd
mirror of https://github.com/certd/certd
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

perf: 优化选择任务时手机版展示效果

pull/361/head
xiaojunnuo 2025-03-16 21:37:57 +08:00
parent d85a02feeb
commit d01004d530
1 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
packages/ui/certd-client/src/views/certd/pipeline/pipeline/component/step-form/index.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<a-drawer v-model:open="stepDrawerVisible" placement="right" :closable="true" width="760px" class="step-form-drawer" :class="{ fullscreen }"> <a-drawer v-model:open="stepDrawerVisible" :wrap-style="{ maxWidth: '100vw' }" placement="right" :closable="true" width="760px" class="step-form-drawer" :class="{ fullscreen }">
<template #title> <template #title>
<div> <div>
编辑步骤 编辑步骤
@ -9,7 +9,7 @@
</a-button> </a-button>
</template> </template>
</div> </div>
<div> <div class="hidden md:block">
<fs-icon class="icon-button" :icon="fullscreen ? 'material-symbols:fullscreen-exit' : 'material-symbols:fullscreen'" @click="fullscreen = !fullscreen"></fs-icon> <fs-icon class="icon-button" :icon="fullscreen ? 'material-symbols:fullscreen-exit' : 'material-symbols:fullscreen'" @click="fullscreen = !fullscreen"></fs-icon>
</div> </div>
</template> </template>
@ -31,7 +31,7 @@
</a-col> </a-col>
</a-row> </a-row>
<a-row v-else :gutter="10"> <a-row v-else :gutter="10">
<a-col v-for="item of group.plugins" :key="item.key" class="step-plugin"> <a-col v-for="item of group.plugins" :key="item.key" class="step-plugin w-full md:w-[50%]">
<a-card <a-card
hoverable hoverable
:class="{ current: item.name === currentStep.type }" :class="{ current: item.name === currentStep.type }"
@ -413,6 +413,10 @@ export default {
<style lang="less"> <style lang="less">
.step-form-drawer { .step-form-drawer {
max-width: 100%;
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab {
padding: 8px 10px;
}
&.fullscreen { &.fullscreen {
.pi-step-form { .pi-step-form {
.body { .body {
@ -437,6 +441,10 @@ export default {
} }
} }
.ant-drawer-body {
padding: 10px;
}
.pi-step-form { .pi-step-form {
.bottom-button { .bottom-button {
padding: 20px; padding: 20px;
@ -456,7 +464,6 @@ export default {
padding: 0px; padding: 0px;
.step-plugin { .step-plugin {
width: 50%;
} }
.ant-tabs-content { .ant-tabs-content {