From a806dc373a17454fccfca5853539c50fe1c3f704 Mon Sep 17 00:00:00 2001
From: ian <licitdev@gmail.com>
Date: Tue, 28 Sep 2021 21:52:39 +0800
Subject: [PATCH] Fix marginTop not implemented in presentation divider (#8379)

---
 app/src/interfaces/presentation-divider/index.ts   |  2 +-
 .../presentation-divider/presentation-divider.vue  | 14 +++++++++++---
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/app/src/interfaces/presentation-divider/index.ts b/app/src/interfaces/presentation-divider/index.ts
index db8833ba4a..850322f79e 100644
--- a/app/src/interfaces/presentation-divider/index.ts
+++ b/app/src/interfaces/presentation-divider/index.ts
@@ -54,7 +54,7 @@ export default defineInterface({
 				},
 			},
 			schema: {
-				default_value: false,
+				default_value: true,
 			},
 		},
 		{
diff --git a/app/src/interfaces/presentation-divider/presentation-divider.vue b/app/src/interfaces/presentation-divider/presentation-divider.vue
index d182c916a4..e94d64d424 100644
--- a/app/src/interfaces/presentation-divider/presentation-divider.vue
+++ b/app/src/interfaces/presentation-divider/presentation-divider.vue
@@ -1,6 +1,6 @@
 <template>
 	<v-divider
-		:class="{ margin: icon || title }"
+		:class="{ 'add-margin-top': marginTop }"
 		:style="{
 			'--v-divider-label-color': color,
 			'--v-divider-color': 'var(--border-subdued)',
@@ -34,13 +34,21 @@ export default defineComponent({
 			type: Boolean,
 			default: false,
 		},
+		marginTop: {
+			type: Boolean,
+			default: true,
+		},
 	},
 });
 </script>
 
 <style lang="scss" scoped>
-.margin {
-	margin-top: 40px;
+.v-divider {
+	margin-top: 10px;
 	margin-bottom: -10px;
 }
+
+.add-margin-top {
+	margin-top: 40px;
+}
 </style>