fix: fix dock layout

2025-12-21 18:06:04 +03:00
parent 28d80d0f19
commit bdbdfc3650
9 changed files with 150 additions and 91 deletions
--- a/frontend/spa/src/components/Dock.vue
+++ b/frontend/spa/src/components/Dock.vue
@@ -77,3 +77,25 @@ function onDockItemClick() {
  haptic.selectionChanged();
 }
 </script>
+
+<style scoped>
+.dock {
+  position: fixed;
+  left: 0;
+  right: 0;
+
+  height: var(--dock-height);
+  bottom: calc(
+      var(--tg-content-safe-area-inset-bottom, 0px)
+      + var(--tg-safe-area-inset-bottom, 0px)
+  );
+  padding-bottom: 0;
+
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+
+  background: var(--color-base-100);
+  z-index: 50;
+}
+</style>