b0esche/b0esche_cloud
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor HomePage layout to center title and align navigation buttons, enhancing visual structure

Browse Source
This commit is contained in:
Leon Bösche
2026-01-17 01:58:27 +01:00
parent a219b8c1a2
commit 712abbb34f
1 changed files with 32 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
b0esche_cloud/lib/pages/home_page.dart
View File

@@ -405,24 +405,26 @@ class _HomePageState extends State<HomePage> with TickerProviderStateMixin {
backgroundColor: AppTheme.primaryBackground,
body: Stack(
children: [
// Top bar: title and nav buttons
// Top bar: title always centered, nav buttons right
Positioned(
top: 0,
left: 0,
right: 0,
child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 32),
child: Row(
crossAxisAlignment: CrossAxisAlignment.center,
child: SizedBox(
height: 64,
child: Stack(
alignment: Alignment.center,
children: [
// Left spacer
const Expanded(child: SizedBox()),
// Center: title only
Expanded(
flex: 2,
// Centered title
Align(
alignment: Alignment.center,
child: Builder(
builder: (context) {
final screenWidth = MediaQuery.of(context).size.width;
final screenWidth = MediaQuery.of(
context,
).size.width;
final fontSize = screenWidth < 600 ? 24.0 : 48.0;
return Text(
'b0esche.cloud',
@@ -439,8 +441,7 @@ class _HomePageState extends State<HomePage> with TickerProviderStateMixin {
),
),
// Right: nav buttons
Expanded(
child: Align(
Align(
alignment: Alignment.centerRight,
child: BlocBuilder<AuthBloc, AuthState>(
builder: (context, state) {
@@ -467,11 +468,11 @@ class _HomePageState extends State<HomePage> with TickerProviderStateMixin {
},
),
),
),
],
),
),
),
),
// Audio player bar (absolute, below title)
if (_showAudioBar &&
_audioFileName != null &&