left iconbar

2026-04-30 20:53:57 +00:00 · 2021-02-17 18:46:27 +01:00
parent 4cb304a41c
commit 4ffc5842bb
16 changed files with 1149 additions and 4 deletions
--- a/packages/web-svelte/src/Screen.svelte
+++ b/packages/web-svelte/src/Screen.svelte
@@ -0,0 +1,31 @@
+<script lang="ts">
+  import WidgetIconPanel from './widgets/WidgetIconPanel.svelte';
+</script>
+
+<div class="theme-dark">
+  <div class="iconbar">
+    <WidgetIconPanel />
+  </div>
+  <div class="statusbar" />
+</div>
+
+<style>
+  :root {
+    --widget-icon-size: 50px;
+    --statusbar-height: 20px;
+  }
+  .iconbar {
+    position: fixed;
+    left: 0;
+    top: 0;
+    bottom: var(--statusbar-height);
+    width: var(--widget-icon-size);
+  }
+  .statusbar {
+    position: fixed;
+    height: var(--statusbar-height);
+    left: 0;
+    right: 0;
+    bottom: 0;
+  }
+</style>