feat: redesign header with logo bulge and room navigation

- Move room navigation from sidebar to top header bar as icons
- Add circular "bulge" extending below header for larger logo (120px)
- Logo centered in bulge with 20% circle below header line
- Profile dropdown with Settings and Logout options
- Header overlays content (Stack layout) instead of pushing it down
- Remove AppBar from FrontHallPage (provided by AppScaffold)
- Add transparent logo asset

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Jeroen Schweitzer
2025-12-31 14:52:40 +01:00
co-authored by Claude Opus 4.5
parent 5c09bac3d2
commit de739e8f7a
6 changed files with 430 additions and 54 deletions
@@ -1,6 +1,5 @@
import 'package:flutter/material.dart';
import '../../../../version.g.dart';
import 'package:tatlock_ui/version.g.dart';
/// Front Hall - estate overview and quick access.
class FrontHallPage extends StatelessWidget {
@@ -10,19 +9,8 @@ class FrontHallPage extends StatelessWidget {
Widget build(BuildContext context) {
final colorScheme = Theme.of(context).colorScheme;
return Scaffold(
appBar: AppBar(
title: const Text('Front Hall'),
actions: [
IconButton(
icon: const Icon(Icons.refresh),
onPressed: () {
// TODO: Refresh data
},
),
],
),
body: ListView(
// No Scaffold/AppBar needed - header is provided by AppScaffold
return ListView(
padding: const EdgeInsets.all(16),
children: [
// Welcome card
@@ -107,8 +95,7 @@ class FrontHallPage extends StatelessWidget {
),
),
],
),
);
);
}
}