15308555518/ MaxKB
1
0
Fork 0
mirror of https://github.com/1Panel-dev/MaxKB.git synced 2025-12-26 10:12:51 +00:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

fix: Dynamic form card style bug

This commit is contained in:
wangdan-fit2cloud 2025-12-11 12:50:15 +08:00
parent 6dc14ae677
commit cbef333dc0
3 changed files with 8 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
ui/src/components/dynamics-form/items/MultiRow.vue
View File

@ -1,5 +1,5 @@
<template>
<div class="radio_content">
<div class="multi_row">
<div
v-for="item in option_list"
:key="item.value"
@ -68,8 +68,8 @@ const option_list = computed(() => {
})
</script>
<style lang="scss" scoped>
.radio_content {
height: 32px;
.multi_row {
// height: 32px;
display: inline-flex;
border: 1px solid #bbbfc4;
border-radius: 4px;

5
ui/src/components/dynamics-form/items/radio/RadioCard.vue
View File

@ -1,5 +1,5 @@
<template>
<div class="radio_content" :style="radioContentStyle">
<div class="radio-card" :style="radioContentStyle">
<el-row :gutter="12" class="w-full">
<template v-for="(item, index) in option_list" :key="index">
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
@ -74,8 +74,7 @@ const option_list = computed(() => {
})
</script>
<style lang="scss" scoped>
.radio_content {
height: 32px;
.radio-card {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;

6
ui/src/components/dynamics-form/items/radio/RadioRow.vue
View File

@ -1,5 +1,5 @@
<template>
<div class="radio_content">
<div class="radio-row">
<div
v-for="item in option_list"
:key="item.value"
@ -48,8 +48,8 @@ const option_list = computed(() => {
})
</script>
<style lang="scss" scoped>
.radio_content {
height: 32px;
.radio-row {
// height: 32px;
display: inline-flex;
border: 1px solid #bbbfc4;
border-radius: 4px;