tabs container style refactor

2026-04-19 11:56:00 +00:00 · 2023-03-04 10:50:10 +01:00
parent ff36870763
commit 1061d2aba2
3 changed files with 44 additions and 23 deletions
--- a/packages/web/src/tabpanel/TabsContainer.svelte
+++ b/packages/web/src/tabpanel/TabsContainer.svelte
@@ -0,0 +1,32 @@
+<script>
+  import TabRegister from './TabRegister.svelte';
+
+  import TabsPanel from './TabsPanel.svelte';
+</script>
+
+<div class="tabs">
+  <TabsPanel />
+</div>
+<div class="content">
+  <TabRegister />
+</div>
+
+<style>
+  .tabs {
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: var(--dim-tabs-panel-height);
+    right: 0;
+    background-color: var(--theme-bg-1);
+    border-top: 1px solid var(--theme-border);
+  }
+  .content {
+    position: absolute;
+    top: var(--dim-tabs-panel-height);
+    left: 0;
+    bottom: 0;
+    right: 0;
+    background-color: var(--theme-bg-1);
+  }
+</style>