Commit 0470553
committed
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 ~24px1 parent 1e5fdf1 commit 0470553
3 files changed
Lines changed: 5 additions & 4 deletions
File tree
- src/modules
- admin/views
- core/components
- users/views
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
1 | 1 | | |
2 | | - | |
| 2 | + | |
3 | 3 | | |
4 | 4 | | |
5 | 5 | | |
| |||
Lines changed: 1 addition & 1 deletion
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
54 | 54 | | |
55 | 55 | | |
56 | 56 | | |
57 | | - | |
| 57 | + | |
58 | 58 | | |
59 | 59 | | |
60 | 60 | | |
| |||
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
1 | 1 | | |
2 | 2 | | |
3 | | - | |
4 | | - | |
| 3 | + | |
| 4 | + | |
| 5 | + | |
5 | 6 | | |
6 | 7 | | |
7 | 8 | | |
| |||
0 commit comments