diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2023-01-05 21:04:56 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2023-01-05 21:04:56 +0900 |
| commit | 047262ab20c83232c01b102961dfdc299073ea1a (patch) | |
| tree | df65326afd1c3b794dbe124a55b33f4380406733 /packages/frontend/src/components/form | |
| parent | :art: (diff) | |
| download | sharkey-047262ab20c83232c01b102961dfdc299073ea1a.tar.gz sharkey-047262ab20c83232c01b102961dfdc299073ea1a.tar.bz2 sharkey-047262ab20c83232c01b102961dfdc299073ea1a.zip | |
refactor
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> |