justDEV
/
justMusic
2
4
Fork 0
Code Issues 35 Pull Requests 5 Packages Projects 1 Releases Wiki Activity

historic page and profil page responsive
continuous-integration/drone/push Build is failing Details

Browse Source
ui/fix-web-responsive
Lucas DELANIER 2 years ago
parent d45d9b53ec
commit 08856fe818
3 changed files with 61 additions and 53 deletions
Show Stats Download Patch File Download Diff File

99
Sources/justMUSIC/lib/components/historic_component.dart
Unescape View File

@ -34,59 +34,62 @@ class _HistoricComponentState extends State<HistoricComponent> {
.getHistoryCapsulesMonthWhitIdUser(MyApp.userViewModel.userCurrent.id, widget.month, widget.year), .getHistoryCapsulesMonthWhitIdUser(MyApp.userViewModel.userCurrent.id, widget.month, widget.year),
builder: (context, snapshot) { builder: (context, snapshot) {
if (snapshot.hasData) { if (snapshot.hasData) {
return Wrap( return Container(
spacing: 14, constraints: const BoxConstraints( maxWidth: 420),
runSpacing: 14, child: Wrap(
children: List.generate(getNumberOfDaysInMonth(widget.year, widget.month), (index) { spacing: 14,
Tuple2<int, Music>? checkCapsule; runSpacing: 14,
if (snapshot.data != null) { children: List.generate(getNumberOfDaysInMonth(widget.year, widget.month), (index) {
for (var element in snapshot.data!) { Tuple2<int, Music>? checkCapsule;
if (element.item1 == index + 1) { if (snapshot.data != null) {
checkCapsule = element; for (var element in snapshot.data!) {
if (element.item1 == index + 1) {
checkCapsule = element;
}
} }
} }
}
if ((widget.year > DateTime.now().year || widget.month > DateTime.now().month) || if ((widget.year > DateTime.now().year || widget.month > DateTime.now().month) ||
(widget.year == DateTime.now().year && (widget.year == DateTime.now().year &&
widget.month == DateTime.now().month && widget.month == DateTime.now().month &&
index > DateTime.now().day)) { index > DateTime.now().day)) {
return Container( return Container(
decoration: BoxDecoration( decoration: BoxDecoration(
gradient: LinearGradient(colors: [ gradient: LinearGradient(colors: [
Color(0xFF1E1E1E).withOpacity(0.7), Color(0xFF1E1E1E).withOpacity(0.7),
Color(0xFF1E1E1E).withOpacity(0), Color(0xFF1E1E1E).withOpacity(0),
], begin: Alignment.topCenter, end: Alignment.bottomCenter), ], begin: Alignment.topCenter, end: Alignment.bottomCenter),
borderRadius: BorderRadius.circular(5)), borderRadius: BorderRadius.circular(5)),
height: 60, height: 60,
width: 60, width: 60,
); );
} }
if (checkCapsule != null) { if (checkCapsule != null) {
return Container( return Container(
decoration: BoxDecoration( decoration: BoxDecoration(
image: DecorationImage(image: NetworkImage((checkCapsule.item2.cover)!)), image: DecorationImage(image: NetworkImage((checkCapsule.item2.cover)!)),
borderRadius: BorderRadius.circular(5)), borderRadius: BorderRadius.circular(5)),
height: 60, height: 60,
width: 60, width: 60,
); );
} else { } else {
return Container( return Container(
color: bgColor, color: bgColor,
height: 60, height: 60,
width: 60, width: 60,
child: Center( child: Center(
child: Text( child: Text(
(index + 1).toString(), (index + 1).toString(),
style: style:
GoogleFonts.plusJakartaSans(color: Colors.white, fontSize: 22, fontWeight: FontWeight.w800), GoogleFonts.plusJakartaSans(color: Colors.white, fontSize: 22, fontWeight: FontWeight.w800),
),
), ),
), );
); }
}
// Generate widgets // Generate widgets
}), }),
),
); );
} else { } else {
return CupertinoActivityIndicator(); return CupertinoActivityIndicator();

4
Sources/justMUSIC/lib/screens/capsule_historic_screen.dart
Unescape View File

@ -77,8 +77,9 @@ class _CapsuleHistoricScreenState extends State<CapsuleHistoricScreen> {
mainAxisAlignment: MainAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center, crossAxisAlignment: CrossAxisAlignment.center,
children: [ children: [
Padding( Container(
padding: const EdgeInsets.only(top: 80, left: 60, right: 60), padding: const EdgeInsets.only(top: 80, left: 60, right: 60),
constraints: const BoxConstraints( maxWidth: 450),
child: Align( child: Align(
alignment: Alignment.center, alignment: Alignment.center,
child: Row( child: Row(
@ -131,7 +132,6 @@ class _CapsuleHistoricScreenState extends State<CapsuleHistoricScreen> {
width: double.infinity, width: double.infinity,
child: Container( child: Container(
padding: EdgeInsets.symmetric(horizontal: 15), padding: EdgeInsets.symmetric(horizontal: 15),
constraints: BoxConstraints(maxWidth: 600),
child: Column( child: Column(
children: [ children: [
HistoricComponent( HistoricComponent(

11
Sources/justMUSIC/lib/screens/user_screen.dart
Unescape View File

@ -143,10 +143,11 @@ class _UserScreenState extends State<UserScreen> {
padding: const EdgeInsets.symmetric(horizontal: settingPadding), padding: const EdgeInsets.symmetric(horizontal: settingPadding),
child: Column( child: Column(
mainAxisAlignment: MainAxisAlignment.start, mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.center,
children: [ children: [
Padding( Container(
padding: EdgeInsets.only(top: 68.h, bottom: 40), padding: EdgeInsets.only(top: 68.h, bottom: 40),
constraints: const BoxConstraints( maxWidth: 500),
child: Stack( child: Stack(
alignment: Alignment.center, alignment: Alignment.center,
children: [ children: [
@ -249,7 +250,11 @@ class _UserScreenState extends State<UserScreen> {
SizedBox( SizedBox(
height: 40, height: 40,
), ),
RecapComponent(user: widget.user) Container(
constraints: const BoxConstraints( maxWidth: 500),
child: RecapComponent(user: widget.user),
)
], ],
), ),
), ),

Write Preview
Loading…
Cancel
Save