@nuxt-customer-portal/ui 0.3.0 → 0.3.2

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @nuxt-customer-portal/ui
 
+## 0.3.2
+
+### Patch Changes
+
+- d8c40f1: Allow the dashboard header and viewport to reserve space for a top demo bar without covering content.
+- 5dcf164: Make the header logo, company name, and tagline one home link while keeping the organization switcher a separate button.
+- 8815843: Reserve top-bar space in the public portal layout so the demo notice does not cover the home-page header.
+- 6994c36: Align customer and admin request lists with the portal collection toolbar, card layout, and fixed pagination footer. Preserve filters and sorting through detail navigation, support adjacent-page loading, and show scoped category choices independently of the current page.
+
+  Repair request editing and deletion confirmation, add localized form validation, and provide working admin status, priority, provider-team assignment, and internal-note controls.
+
+  Provide one request workspace with permission-aware management controls. Redirect legacy admin links while preserving collection state, and keep creation in the list header rather than the sidebar. Allow the dashboard body to shrink beneath the top bar so mobile pagination remains visible.
+
+- Updated dependencies [f23f664]
+  - @nuxt-customer-portal/core@0.3.2
+
+## 0.3.1
+
+### Patch Changes
+
+- @nuxt-customer-portal/core@0.3.1
+
 ## 0.3.0
 
 ### Patch Changes

package/app/components/AppHeader.vue

@@ -168,7 +168,11 @@ const stopImpersonating = async () => {
     <template #left>
       <div class="flex items-center gap-3">
         <!-- Logo Icon -->
-        <NuxtLink to="/" class="shrink-0" :aria-label="runtimeBrandName">
+        <NuxtLink
+          to="/"
+          class="flex items-center gap-3 rounded-lg focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-primary"
+          :aria-label="runtimeBrandName"
+        >
           <div class="relative">
             <img v-if="runtimeMark" :src="runtimeMark" alt="" class="size-10 rounded-lg object-contain" />
             <svg
@@ -193,31 +197,31 @@ const stopImpersonating = async () => {
               <rect x="18" y="20" width="2" height="5" fill="var(--portal-logo-surface)" />
             </svg>
           </div>
-        </NuxtLink>
 
-        <!-- Neutral fallback wordmark; host shells can replace the layout entirely. -->
-        <div class="hidden flex-col sm:flex">
-          <span class="portal-wordmark text-2xl font-bold text-gray-900 dark:text-white leading-tight">
-            {{ runtimeBrandName }}
-          </span>
-          <div class="-mt-1 flex items-center gap-1">
-            <span class="text-sm leading-tight text-gray-600 dark:text-gray-400">
-              {{ runtimeTagline }}
+          <!-- Neutral fallback wordmark; host shells can replace the layout entirely. -->
+          <div class="hidden flex-col sm:flex">
+            <span class="portal-wordmark text-2xl font-bold text-gray-900 dark:text-white leading-tight">
+              {{ runtimeBrandName }}
             </span>
-            <UButton
-              v-if="isAuthenticated && activeOrganization && hasMultipleOrganizations"
-              :aria-label="t('menu.switchOrganization')"
-              :title="t('menu.switchOrganization')"
-              icon="i-lucide-arrow-left-right"
-              color="neutral"
-              variant="ghost"
-              size="xs"
-              square
-              class="hidden size-6 text-muted hover:text-highlighted lg:inline-flex"
-              @click="showOrgSwitcherModal = true"
-            />
+            <div class="-mt-1 flex items-center gap-1">
+              <span class="text-sm leading-tight text-gray-600 dark:text-gray-400">
+                {{ runtimeTagline }}
+              </span>
+            </div>
           </div>
-        </div>
+        </NuxtLink>
+        <UButton
+          v-if="isAuthenticated && activeOrganization && hasMultipleOrganizations"
+          :aria-label="t('menu.switchOrganization')"
+          :title="t('menu.switchOrganization')"
+          icon="i-lucide-arrow-left-right"
+          color="neutral"
+          variant="ghost"
+          size="xs"
+          square
+          class="hidden size-6 text-muted hover:text-highlighted lg:inline-flex"
+          @click="showOrgSwitcherModal = true"
+        />
       </div>
     </template>
 

package/app/layouts/default.vue

@@ -41,13 +41,17 @@ onMounted(async () => {
 <template>
   <div class="dashboard-layout relative min-h-screen">
     <!-- AppHeader - fixed at top -->
-    <div class="fixed top-0 left-0 right-0 z-50">
+    <div class="fixed left-0 right-0 z-50" style="top: var(--portal-top-bar-height, 0px)">
       <div class="mx-auto w-full max-w-[1600px] px-4">
         <AppHeader />
       </div>
     </div>
 
-    <UDashboardGroup unit="rem" class="px-4 mx-auto max-w-[1600px]! w-full!">
+    <UDashboardGroup
+      unit="rem"
+      class="px-4 mx-auto max-w-[1600px]! w-full!"
+      style="top: var(--portal-top-bar-height, 0px)"
+    >
       <UDashboardSidebar
         id="default"
         v-model:open="open"
@@ -81,7 +85,7 @@ onMounted(async () => {
       </UDashboardSidebar>
 
       <NotificationsSlideover />
-      <UMain class="flex-1 min-w-0" :class="isImpersonating ? 'pt-32 lg:pt-28' : 'pt-20 lg:pt-16'">
+      <UMain class="flex-1 min-h-0 min-w-0" :class="isImpersonating ? 'pt-32 lg:pt-28' : 'pt-20 lg:pt-16'">
         <slot />
       </UMain>
     </UDashboardGroup>

package/app/layouts/portal.vue

@@ -4,7 +4,7 @@ const showFooter = computed(() => route.meta?.public === true)
 </script>
 
 <template>
-  <div class="portal-layout min-h-screen">
+  <div class="portal-layout min-h-screen" style="padding-top: var(--portal-top-bar-height, 0px)">
     <div class="mx-auto w-full max-w-[1600px] px-4">
       <AppHeader />
     </div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuxt-customer-portal/ui",
-  "version": "0.3.0",
+  "version": "0.3.2",
   "license": "MIT",
   "homepage": "https://nuxt-customer-portal.com",
   "repository": {
@@ -29,7 +29,7 @@
     "@nuxtjs/i18n": "^10.6.0",
     "@pinia/nuxt": "^1.0.1",
     "pinia": "^4.0.2",
-    "@nuxt-customer-portal/core": "^0.3.0"
+    "@nuxt-customer-portal/core": "^0.3.2"
   },
   "peerDependencies": {
     "nuxt": "^4.5.1",

package/portal.manifest.mjs

@@ -1,6 +1,6 @@
 export default {
   id: 'ui',
-  version: '0.3.0',
+  version: '0.3.2',
   source: '@nuxt-customer-portal/ui',
   dependsOn: ['core']
 }