Skip to content

Commit

Permalink
changed playlist page UI
Browse files Browse the repository at this point in the history
  • Loading branch information
@gokadzev
gokadzev committed Jul 30, 2022
1 parent 953022d commit 2881ecc
Showing 1 changed file with 97 additions and 104 deletions.
201 changes: 97 additions & 104 deletions lib/ui/playlistPage.dart
View file
Original file line number Diff line number Diff line change
Expand Up @@ -98,118 +98,111 @@ class _PlaylistPageState extends State<PlaylistPage> {
child: widget.playlist != null
? Column(
children: [
Row(
children: [
Container(
margin: const EdgeInsets.only(left: 10, right: 26),
height: 200,
width: 200,
child: Card(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(8),
),
color: Colors.transparent,
child: widget.playlist['image'] != ''
? DecoratedBox(
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10),
image: DecorationImage(
fit: BoxFit.cover,
image: CachedNetworkImageProvider(
widget.playlist['image'].toString(),
),
),
),
)
: Container(
width: 200,
height: 200,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10),
gradient: const LinearGradient(
colors: [
Color.fromARGB(30, 255, 255, 255),
Color.fromARGB(30, 233, 233, 233),
],
),
),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Icon(
MdiIcons.musicNoteOutline,
size: 30,
color: accent,
),
Text(
widget.playlist['title'].toString(),
style: TextStyle(color: accent),
textAlign: TextAlign.center,
),
],
Container(
margin: const EdgeInsets.only(left: 10, right: 26),
height: 250,
width: 250,
child: Card(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(8),
),
color: Colors.transparent,
child: widget.playlist['image'] != ''
? DecoratedBox(
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10),
image: DecorationImage(
fit: BoxFit.cover,
image: CachedNetworkImageProvider(
widget.playlist['image'].toString(),
),
),
),
),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const SizedBox(height: 12),
Text(
widget.playlist['title'].toString(),
style: TextStyle(
color: accent,
fontSize: 18,
fontWeight: FontWeight.w600,
),
),
const SizedBox(height: 16),
Text(
widget.playlist['header_desc'].toString(),
style: TextStyle(
color: accent,
fontSize: 10,
fontWeight: FontWeight.w600,
),
),
const SizedBox(height: 5),
ElevatedButton(
onPressed: () => {
setActivePlaylist(
widget.playlist['list'] as List,
),
Fluttertoast.showToast(
msg: AppLocalizations.of(context)!
.queueInitText,
toastLength: Toast.LENGTH_LONG,
gravity: ToastGravity.BOTTOM,
backgroundColor: accent,
textColor: accent != const Color(0xFFFFFFFF)
? Colors.white
: Colors.black,
),
Navigator.pop(context, false)
},
style: ElevatedButton.styleFrom(
primary: accent,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(8),
)
: Container(
width: 200,
height: 200,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10),
gradient: const LinearGradient(
colors: [
Color.fromARGB(30, 255, 255, 255),
Color.fromARGB(30, 233, 233, 233),
],
),
),
child: Text(
AppLocalizations.of(context)!
.playAll
.toUpperCase(),
style: TextStyle(
color: accent != const Color(0xFFFFFFFF)
? Colors.white
: Colors.black),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Icon(
MdiIcons.musicNoteOutline,
size: 30,
color: accent,
),
Text(
widget.playlist['title'].toString(),
style: TextStyle(color: accent),
textAlign: TextAlign.center,
),
],
),
),
],
),
),
Column(
crossAxisAlignment: CrossAxisAlignment.center,
children: [
const SizedBox(height: 12),
Text(
widget.playlist['title'].toString(),
textAlign: TextAlign.center,
style: TextStyle(
color: accent,
fontSize: 18,
fontWeight: FontWeight.w600,
),
),
const SizedBox(height: 16),
Text(
widget.playlist['header_desc'].toString(),
textAlign: TextAlign.center,
style: TextStyle(
color: accent,
fontSize: 10,
fontWeight: FontWeight.w600,
),
),
const SizedBox(height: 10),
ElevatedButton(
onPressed: () => {
setActivePlaylist(
widget.playlist['list'] as List,
),
Fluttertoast.showToast(
msg: AppLocalizations.of(context)!.queueInitText,
toastLength: Toast.LENGTH_LONG,
gravity: ToastGravity.BOTTOM,
backgroundColor: accent,
textColor: accent != const Color(0xFFFFFFFF)
? Colors.white
: Colors.black,
),
Navigator.pop(context, false)
},
style: ElevatedButton.styleFrom(
primary: accent,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(8),
),
),
child: Text(
AppLocalizations.of(context)!.playAll.toUpperCase(),
style: TextStyle(
color: accent != const Color(0xFFFFFFFF)
? Colors.white
: Colors.black),
),
)
),
],
),
const SizedBox(height: 30),
Expand Down

0 comments on commit 2881ecc

Please sign in to comment.