From 09a2138c6ce746b20e2239cf16562a1b5505bd82 Mon Sep 17 00:00:00 2001
From: josedario87 <jodarioel87@gmail.com>
Date: Tue, 10 Jun 2025 00:29:34 -0600
Subject: [PATCH] Revert "Refine: Make persistent navbar viewport-aware"

This reverts commit 35c130f197ec3cb5110dc8eb6451ee32c837050f.
---
 ui/src/App.vue | 28 +++-------------------------
 1 file changed, 3 insertions(+), 25 deletions(-)

diff --git a/ui/src/App.vue b/ui/src/App.vue
index 42811ea..dd4e2d8 100644
--- a/ui/src/App.vue
+++ b/ui/src/App.vue
@@ -1,32 +1,10 @@
 <script setup>
-import { watchEffect, computed, ref, onMounted, onUnmounted } from 'vue' // ensure all are imported
+import { watchEffect, computed } from 'vue' // Added computed
 import TopBar from '@/components/ui/TopBar.vue'
 import NavBar from '@/components/ui/NavBar.vue'
 import { useUi } from '@/stores/useUi'
 
 const ui = useUi()
-const viewportWidth = ref(0) // New reactive variable
-
-const updateViewportWidth = () => { // New function
-  viewportWidth.value = window.innerWidth
-}
-
-onMounted(() => { // New lifecycle hook
-  updateViewportWidth()
-  window.addEventListener('resize', updateViewportWidth)
-})
-
-onUnmounted(() => { // New lifecycle hook
-  window.removeEventListener('resize', updateViewportWidth)
-})
-
-const NAVBAR_WIDTH = 240 // Defined constant
-const MIN_CONTENT_WIDTH = 640 // Defined constant
-const SHIFT_THRESHOLD = NAVBAR_WIDTH + MIN_CONTENT_WIDTH // Calculated threshold
-
-const shouldShiftContent = computed(() => { // New computed property
-  return ui.sidebarOpen &&          ui.desktopNavbarPersistent &&          viewportWidth.value >= SHIFT_THRESHOLD
-})
 
 watchEffect(() => {
   const root = document.documentElement
@@ -85,8 +63,8 @@ const transitionDurationStyle = computed(() => {
 
   <!-- wrapper: deja espacio para TopBar (pt-14 = 56px) y, en desktop, para NavBar (pl-60) -->
   <div :class="[
-    'pt-14 min-h-screen transition-[padding-left] duration-200', // Keep existing transition
-    shouldShiftContent.value ? 'md:pl-60' : '', // Use the computed property
+    'pt-14 min-h-screen transition-[padding-left] duration-200',
+    (ui.sidebarOpen && ui.desktopNavbarPersistent) ? 'md:pl-60' : '',
     // The global style.css will handle base background and text color via body styling
     // but we can keep specific overrides here if needed or theme classes.
     // ui.theme === 'dark' ? 'bg-gray-800 text-gray-100' : 'bg-gray-100 text-gray-900'