refactor: DRY layout bounds via --page-max-width and --sidebar-width CSS vars

Add --page-max-width (1200px), --page-padding-x (1rem), and --sidebar-width (260px)
to theme.css so all views share a single source of truth.

- HomeView: 1100px → var(--page-max-width) (aligns with all other views)
- NotesListView, TasksListView, ProjectListView, ProjectView, CalendarView: var(--page-max-width)
- ChatView: sidebar + context sidebar → var(--sidebar-width); inner message/input
  column max-widths → var(--page-max-width)
- KnowledgeView: filter panel 180px → var(--sidebar-width); minichat left offset updated

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

This commit is contained in:

Bryan Van Deusen

2026-04-01 20:56:33 -04:00

parent d5771a3d5c

commit 23a7ed7822

9 changed files with 24 additions and 20 deletions

									
										frontend/src/views/CalendarView.vue
									
		+1
		-1
	
												View File
												
				@@ -338,7 +338,7 @@ const upcomingGrouped = computed(() => {

				<style scoped>

				.calendar-view {

				  max-width: 1200px;

				  max-width: var(--page-max-width);

				  margin: 0 auto;

				  padding: 1.5rem 1.5rem 3rem;

				}