mirror of
https://github.com/KRTirtho/spotube.git
synced 2026-11-04 10:13:59 +00:00
- 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.
49 lines
1.5 KiB
Dart
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(),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|