summaryrefslogtreecommitdiff
path: root/packages/frontend/src/components/form
diff options
context:
space:
mode:
authorsyuilo <Syuilotan@yahoo.co.jp>2023-01-05 21:04:56 +0900
committersyuilo <Syuilotan@yahoo.co.jp>2023-01-05 21:04:56 +0900
commit047262ab20c83232c01b102961dfdc299073ea1a (patch)
treedf65326afd1c3b794dbe124a55b33f4380406733 /packages/frontend/src/components/form
parent:art: (diff)
downloadsharkey-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.vue34
-rw-r--r--packages/frontend/src/components/form/split.vue2
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>