Linux build system correction. New visual treatment
Co-authored-by: Copilot <copilot@github.com>
This commit is contained in:
+92
-33
@@ -118,31 +118,84 @@ class _MainPageState extends State<MainPage> {
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final themeColors = AppThemeBusinessObject.colorsFor(context);
|
||||
final theme = Theme.of(context);
|
||||
|
||||
return Scaffold(
|
||||
body: SafeArea(
|
||||
child: Column(
|
||||
children: [
|
||||
Expanded(
|
||||
flex: 9,
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(12),
|
||||
child: LiveInfoPanel(
|
||||
liveInfo: _liveInfo,
|
||||
themeColors: themeColors,
|
||||
intervalOptions: _intervalOptions,
|
||||
),
|
||||
),
|
||||
),
|
||||
Expanded(
|
||||
flex: 1,
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.fromLTRB(12, 0, 12, 12),
|
||||
child: Container(
|
||||
body: DecoratedBox(
|
||||
decoration: BoxDecoration(
|
||||
gradient: LinearGradient(
|
||||
begin: Alignment.topLeft,
|
||||
end: Alignment.bottomRight,
|
||||
colors: [
|
||||
themeColors.scaffoldGradientStart,
|
||||
themeColors.scaffoldGradientEnd,
|
||||
],
|
||||
),
|
||||
),
|
||||
child: SafeArea(
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(12),
|
||||
child: Column(
|
||||
children: [
|
||||
Container(
|
||||
width: double.infinity,
|
||||
padding: const EdgeInsets.symmetric(horizontal: 16),
|
||||
padding: const EdgeInsets.all(14),
|
||||
decoration: BoxDecoration(
|
||||
borderRadius: BorderRadius.circular(20),
|
||||
color: themeColors.shellSurface,
|
||||
borderRadius: BorderRadius.circular(24),
|
||||
border: Border.all(color: themeColors.shellBorder),
|
||||
boxShadow: [
|
||||
BoxShadow(
|
||||
color: themeColors.controlsShadow,
|
||||
blurRadius: 18,
|
||||
offset: const Offset(0, 10),
|
||||
),
|
||||
],
|
||||
),
|
||||
child: Row(
|
||||
children: [
|
||||
ClipRRect(
|
||||
borderRadius: BorderRadius.circular(18),
|
||||
child: Image.asset(
|
||||
'assets/icon/app_icon.png',
|
||||
width: 72,
|
||||
height: 72,
|
||||
fit: BoxFit.cover,
|
||||
),
|
||||
),
|
||||
const SizedBox(width: 14),
|
||||
Expanded(
|
||||
child: Text(
|
||||
'KRYZ Go!',
|
||||
textAlign: TextAlign.center,
|
||||
style: theme.textTheme.headlineMedium?.copyWith(
|
||||
fontWeight: FontWeight.w900,
|
||||
letterSpacing: 0.4,
|
||||
color: themeColors.statusText,
|
||||
),
|
||||
),
|
||||
),
|
||||
const SizedBox(width: 86),
|
||||
],
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 12),
|
||||
Expanded(
|
||||
child: LiveInfoPanel(
|
||||
liveInfo: _liveInfo,
|
||||
themeColors: themeColors,
|
||||
intervalOptions: _intervalOptions,
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 12),
|
||||
Container(
|
||||
width: double.infinity,
|
||||
padding: const EdgeInsets.symmetric(
|
||||
horizontal: 16,
|
||||
vertical: 14,
|
||||
),
|
||||
decoration: BoxDecoration(
|
||||
borderRadius: BorderRadius.circular(24),
|
||||
gradient: LinearGradient(
|
||||
begin: Alignment.topLeft,
|
||||
end: Alignment.bottomRight,
|
||||
@@ -155,33 +208,39 @@ class _MainPageState extends State<MainPage> {
|
||||
BoxShadow(
|
||||
color: themeColors.controlsShadow,
|
||||
blurRadius: 14,
|
||||
offset: Offset(0, 6),
|
||||
offset: const Offset(0, 6),
|
||||
),
|
||||
],
|
||||
),
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
child: Wrap(
|
||||
alignment: WrapAlignment.center,
|
||||
crossAxisAlignment: WrapCrossAlignment.center,
|
||||
spacing: 12,
|
||||
runSpacing: 12,
|
||||
children: [
|
||||
ElevatedButton(
|
||||
ElevatedButton.icon(
|
||||
onPressed: _audio.isStopped ? _play : null,
|
||||
child: const Text('▶️'),
|
||||
icon: const Icon(Icons.play_arrow_rounded),
|
||||
label: const Text('Play'),
|
||||
),
|
||||
const SizedBox(width: 12),
|
||||
ElevatedButton(
|
||||
ElevatedButton.icon(
|
||||
onPressed: _audio.isStopped ? null : _stop,
|
||||
child: const Text('⏹️'),
|
||||
icon: const Icon(Icons.stop_rounded),
|
||||
label: const Text('Stop'),
|
||||
),
|
||||
const SizedBox(width: 16),
|
||||
Text(
|
||||
_playbackStatusLabel(),
|
||||
style: TextStyle(color: themeColors.statusText),
|
||||
style: theme.textTheme.titleSmall?.copyWith(
|
||||
fontWeight: FontWeight.w700,
|
||||
color: themeColors.statusText,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user