From 7d1f346c4b165e6ab7538bb1b848428dc64f9e9e Mon Sep 17 00:00:00 2001
From: haex <hexxx@ok.de>
Date: Sat, 8 Nov 2025 23:14:12 +0100
Subject: [PATCH] Improve UiDrawer styling and viewport calculations

---
 src/components/haex/workspace/drawer.vue | 2 +-
 src/components/ui/Drawer.vue             | 2 +-
 src/utils/viewport.ts                    | 8 ++------
 3 files changed, 4 insertions(+), 8 deletions(-)

diff --git a/src/components/haex/workspace/drawer.vue b/src/components/haex/workspace/drawer.vue
index b8b84e1..62a5db8 100644
--- a/src/components/haex/workspace/drawer.vue
+++ b/src/components/haex/workspace/drawer.vue
@@ -8,7 +8,7 @@
     description="Workspaces"
   >
     <template #content>
-      <div class="pl-8 pr-4 h-full overflow-y-auto">
+      <div class="pl-8 pr-4 overflow-y-auto py-8">
         <!-- Workspace Cards -->
         <div class="flex flex-col gap-3">
           <HaexWorkspaceCard
diff --git a/src/components/ui/Drawer.vue b/src/components/ui/Drawer.vue
index 786f585..4638972 100644
--- a/src/components/ui/Drawer.vue
+++ b/src/components/ui/Drawer.vue
@@ -3,7 +3,7 @@
     v-bind="$attrs"
     :ui="{
       content:
-        'pb-[env(safe-area-inset-bottom)] pt-[env(safe-area-inset-top)] w-dvw max-w-md sm:max-w-fit',
+        'pb-[env(safe-area-inset-bottom)] pt-[env(safe-area-inset-top)] ',
       ...(ui || {}),
     }"
   >
diff --git a/src/utils/viewport.ts b/src/utils/viewport.ts
index eb87e94..140283a 100644
--- a/src/utils/viewport.ts
+++ b/src/utils/viewport.ts
@@ -13,7 +13,7 @@ export interface ViewportDimensions {
  */
 export function getViewportDimensions(): ViewportDimensions {
   const viewportWidth = window.innerWidth
-  const viewportHeight = window.innerHeight - 60 // Subtract tab bar height
+  const viewportHeight = window.innerHeight - 40 // Subtract header height
 
   // Get safe-area-insets from CSS variables
   const safeAreaTop = parseFloat(
@@ -45,11 +45,7 @@ export function getViewportDimensions(): ViewportDimensions {
  */
 export function getAvailableContentHeight(): number {
   const dimensions = getViewportDimensions()
-  return (
-    dimensions.height -
-    dimensions.safeAreaTop -
-    dimensions.safeAreaBottom
-  )
+  return dimensions.height - dimensions.safeAreaTop - dimensions.safeAreaBottom
 }
 
 /**