minor asthetic improvements

Co-authored-by: Copilot <copilot@github.com>
This commit is contained in:
2026-04-29 06:33:24 +00:00
co-authored by Copilot
parent 5363665fd8
commit 41ab9cf360
+41 -21
View File
@@ -107,28 +107,48 @@ class _MainPageState extends State<MainPage> {
),
Expanded(
flex: 1,
child: Container(
width: double.infinity,
padding: const EdgeInsets.symmetric(horizontal: 16),
color: Colors.black87,
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
ElevatedButton(
onPressed: _audio.isPlaying ? null : _play,
child: const Text('▶️'),
child: Padding(
padding: const EdgeInsets.fromLTRB(12, 0, 12, 12),
child: Container(
width: double.infinity,
padding: const EdgeInsets.symmetric(horizontal: 16),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(20),
gradient: LinearGradient(
begin: Alignment.topLeft,
end: Alignment.bottomRight,
colors: [
Colors.lightBlue.shade50,
Colors.lightBlue.shade100,
],
),
const SizedBox(width: 12),
ElevatedButton(
onPressed: _audio.isPlaying ? _stop : null,
child: const Text('⏹️'),
),
const SizedBox(width: 16),
Text(
_audio.isPlaying ? 'Playing' : 'Stopped',
style: const TextStyle(color: Colors.white),
),
],
boxShadow: const [
BoxShadow(
color: Color(0x22000000),
blurRadius: 14,
offset: Offset(0, 6),
),
],
),
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
ElevatedButton(
onPressed: _audio.isPlaying ? null : _play,
child: const Text('▶️'),
),
const SizedBox(width: 12),
ElevatedButton(
onPressed: _audio.isPlaying ? _stop : null,
child: const Text('⏹️'),
),
const SizedBox(width: 16),
Text(
_audio.isPlaying ? 'Playing' : 'Stopped',
style: const TextStyle(color: Colors.black87),
),
],
),
),
),
),