data duplicator style

2026-04-18 19:36:00 +00:00 · 2023-02-12 19:52:53 +01:00
parent 5e207a6c16
commit 83f01c52f2
2 changed files with 110 additions and 63 deletions
--- a/packages/web/src/elements/ObjectConfigurationControl.svelte
+++ b/packages/web/src/elements/ObjectConfigurationControl.svelte
@@ -0,0 +1,32 @@
+<script lang="ts">
+  export let title;
+</script>
+
+<div class="wrapper">
+  <div class="header">
+    <span class="title mr-1">{title}</span>
+  </div>
+  <div class="body">
+    <slot />
+  </div>
+</div>
+
+<style>
+  .wrapper {
+    margin-bottom: 20px;
+  }
+
+  .header {
+    background-color: var(--theme-bg-1);
+    padding: 5px;
+  }
+
+  .title {
+    font-weight: bold;
+    margin-left: 5px;
+  }
+
+  .body {
+    margin: 20px;
+  }
+</style>