Skip to content

Commit 0470553

Browse files
refactor(ui): tabs align with default sidenav offset + tighten gap below tabs
- CoreSurfaceTabBar: add `mx-4` to `<v-tabs>` so the tab strip aligns horizontally with PageHeader's title icon (both now use the same 16px inset inside `v-container fluid`). - user.view.vue + admin.layout.vue: add `pb-0` on the parent `<v-container fluid>` to collapse ~16px of dead space between the tab underline and the routed child's top edge. Child views own their own top padding via their own `<v-container fluid>` + `pa-2` row. Visual impact (Account, Org detail, Admin surfaces): - Tabs now align with the section title icon instead of being 16px to the left - Vertical gap below tabs drops from ~40px to ~24px
1 parent 1e5fdf1 commit 0470553

3 files changed

Lines changed: 5 additions & 4 deletions

File tree

src/modules/admin/views/admin.layout.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<template>
2-
<v-container fluid>
2+
<v-container fluid class="pb-0">
33
<v-alert
44
v-if="error"
55
type="error"

src/modules/core/components/core.surfaceTabBar.component.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -54,7 +54,7 @@ function tabTo(route) {
5454
</script>
5555

5656
<template>
57-
<v-tabs>
57+
<v-tabs class="mx-4">
5858
<v-tab
5959
v-for="t in visibleTabs"
6060
:key="t.value"

src/modules/users/views/user.view.vue

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,8 @@
11
<template>
22
<div>
3-
<!-- Layout chrome: header + tab bar, guttered with their own container -->
4-
<v-container fluid>
3+
<!-- Layout chrome: header + tab bar, guttered with their own container.
4+
pb-0 collapses the gap below tabs — child router-view supplies its own top padding. -->
5+
<v-container fluid class="pb-0">
56
<PageHeader icon="fa-solid fa-user" title="Account">
67
<template #actions>
78
<organizationsSwitcherComponent />

0 commit comments

Comments
 (0)