Drop two more unneeded width caps

- .tabs__panel--narrow (42rem, the project view's 'All tasks' tab):
  removed the class and its rule, same reasoning as the config
  sections -- the page around it is already full-width.
- Profile now sets meta.wide, so it uses .app__main--wide instead of
  the default .app__main's 32rem cap, matching the dashboard/project/
  configure views instead of sitting narrow like the login form.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
2026-09-04 21:09:31 +01:00
co-authored by Claude Sonnet 5
parent b51d70b447
commit f8c52f8103
3 changed files with 2 additions and 6 deletions
+1 -1
View File
@@ -27,7 +27,7 @@ const router = createRouter({
path: '/profile', path: '/profile',
name: 'profile', name: 'profile',
component: () => import('../views/ProfileView.vue'), component: () => import('../views/ProfileView.vue'),
meta: { requiresAuth: true }, meta: { requiresAuth: true, wide: true },
}, },
{ {
// Magic-link target. Works signed in or out — verifying returns a session. // Magic-link target. Works signed in or out — verifying returns a session.
-4
View File
@@ -684,10 +684,6 @@ h1 {
border-bottom-color: var(--accent); border-bottom-color: var(--accent);
} }
.tabs__panel--narrow {
max-width: 42rem;
}
/* --- project configuration: status list ------------------------------- */ /* --- project configuration: status list ------------------------------- */
.config-section { .config-section {
+1 -1
View File
@@ -174,7 +174,7 @@ async function onCreate() {
</div> </div>
<!-- Tab: All tasks --> <!-- Tab: All tasks -->
<div v-show="activeTab === 'all'" class="tabs__panel tabs__panel--narrow" role="tabpanel"> <div v-show="activeTab === 'all'" class="tabs__panel" role="tabpanel">
<p class="muted">{{ summary }}</p> <p class="muted">{{ summary }}</p>
<p v-if="cards.loading && !cards.loaded" class="muted">Loading</p> <p v-if="cards.loading && !cards.loaded" class="muted">Loading</p>