spotube/lib/modules/root/spotify_shell.dart
kiloconnect[bot] 8a193658af UI overhaul: Spotify design system, shell, and page redesign
- Add Spotify design system (colors, typography, ThemeData, components)
- Build Spotify shell (Sidebar, TopBar, BottomPlayer, ContentArea)
- Redesign Home, Search, Library pages with Spotify cards/track rows
- Restyle context menus, shimmer loaders, hover states
- Rebrand app name to Spotify across Android/iOS/macOS/Linux/Windows
- Update launcher icons and splash config to Spotify logo

No backend/API/state/audio logic changed.
2026-10-20 13:34:48 +00:00

49 lines
1.5 KiB
Dart

import 'package:auto_route/auto_route.dart';
import 'package:flutter/material.dart';
import 'package:flutter_hooks/flutter_hooks.dart';
import 'package:spotube/theme/spotify_colors.dart';
import 'package:spotube/modules/root/spotify_bottom_player.dart';
import 'package:spotube/modules/root/spotify_sidebar.dart';
import 'package:spotube/modules/root/spotify_top_bar.dart';
class SpotifyShell extends HookWidget {
const SpotifyShell({super.key});
@override
Widget build(BuildContext context) {
final scrollController = useScrollController();
return Scaffold(
backgroundColor: SpotifyColors.background,
body: Column(
children: [
Expanded(
child: Row(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
const SpotifySidebar(),
Container(width: 1, color: SpotifyColors.separator),
Expanded(
child: Column(
children: [
SpotifyTopBar(scrollController: scrollController),
Expanded(
child: Padding(
padding: const EdgeInsets.only(bottom: 98),
child: AutoRouter(),
),
),
],
),
),
],
),
),
const SpotifyBottomPlayer(),
],
),
);
}
}