Linux build system correction. New visual treatment

Co-authored-by: Copilot <copilot@github.com>
This commit is contained in:
2026-05-01 02:29:20 +00:00
co-authored by Copilot
parent deaa4db158
commit d7d094d70a
4 changed files with 179 additions and 51 deletions
+92 -33
View File
@@ -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,
),
),
],
),
),
),
],
),
],
),
),
),
);