From e8005c8d3a6edf2c8cdce3fe098fb9acff8a57c6 Mon Sep 17 00:00:00 2001
From: syuilo <Syuilotan@yahoo.co.jp>
Date: Sun, 28 Nov 2021 20:07:37 +0900
Subject: client: refine ui

---
 packages/client/src/components/form/group.vue | 35 +++++++++++++++++++++++++++
 1 file changed, 35 insertions(+)
 create mode 100644 packages/client/src/components/form/group.vue

(limited to 'packages/client/src/components/form/group.vue')

diff --git a/packages/client/src/components/form/group.vue b/packages/client/src/components/form/group.vue
new file mode 100644
index 0000000000..2fc203f1b9
--- /dev/null
+++ b/packages/client/src/components/form/group.vue
@@ -0,0 +1,35 @@
+<template>
+<div v-sticky-container v-panel class="adfeebaf _formBlock">
+	<div class="label"><slot name="label"></slot></div>
+	<div class="main _formRoot">
+		<slot></slot>
+	</div>
+</div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+
+export default defineComponent({
+});
+</script>
+
+<style lang="scss" scoped>
+.adfeebaf {
+	padding: 24px 24px;
+	border-radius: var(--radius);
+
+	> .label {
+		font-weight: bold;
+		padding: 0 0 16px 0;
+
+		&:empty {
+			display: none;
+		}
+	}
+
+	> .main {
+
+	}
+}
+</style>
-- 
cgit v1.2.3-freya

