diff options
Diffstat (limited to 'packages/frontend/src/components/form')
| -rw-r--r-- | packages/frontend/src/components/form/section.vue | 34 | ||||
| -rw-r--r-- | packages/frontend/src/components/form/split.vue | 2 |
2 files changed, 18 insertions, 18 deletions
diff --git a/packages/frontend/src/components/form/section.vue b/packages/frontend/src/components/form/section.vue index c6e34ef1cc..a838164978 100644 --- a/packages/frontend/src/components/form/section.vue +++ b/packages/frontend/src/components/form/section.vue @@ -1,35 +1,27 @@ <template> -<div class="vrtktovh _formBlock"> +<div class="vrtktovh" :class="{ first }"> <div class="label"><slot name="label"></slot></div> - <div class="main _formRoot"> + <div class="main"> <slot></slot> </div> </div> </template> <script lang="ts" setup> +defineProps<{ + first?: boolean; +}>(); </script> <style lang="scss" scoped> .vrtktovh { border-top: solid 0.5px var(--divider); - border-bottom: solid 0.5px var(--divider); - - & + .vrtktovh { - border-top: none; - } - - &:first-child { - border-top: none; - } - - &:last-child { - border-bottom: none; - } + //border-bottom: solid 0.5px var(--divider); > .label { font-weight: bold; - margin: 1.5em 0 16px 0; + padding: 1.5em 0 0 0; + margin: 0 0 16px 0; &:empty { display: none; @@ -37,7 +29,15 @@ } > .main { - margin: 1.5em 0; + margin: 1.5em 0 0 0; + } + + &.first { + border-top: none; + + > .label { + padding-top: 0; + } } } </style> diff --git a/packages/frontend/src/components/form/split.vue b/packages/frontend/src/components/form/split.vue index 301a8a84e5..3cee41e3d6 100644 --- a/packages/frontend/src/components/form/split.vue +++ b/packages/frontend/src/components/form/split.vue @@ -1,5 +1,5 @@ <template> -<div class="terlnhxf _formBlock"> +<div class="terlnhxf"> <slot></slot> </div> </template> |