add letterspaceing

middle_screen
Elham Rababah 5 years ago
parent 60b5d474c1
commit 1f8a90e47b

@ -27,7 +27,7 @@ class HomePatientCard extends StatelessWidget {
return HomePageCard( return HomePageCard(
color: backgroundColor, color: backgroundColor,
width: width, width: width,
margin: EdgeInsets.all(SizeConfig.widthMultiplier *1.6), margin: EdgeInsets.all(SizeConfig.widthMultiplier *1.121),
child: Container( child: Container(
padding: EdgeInsets.all(8), padding: EdgeInsets.all(8),
child: Column( child: Column(

@ -99,7 +99,7 @@ class _HomeScreenState extends State<HomeScreen> {
// ), // ),
model.dashboardItemsList.length > 0 model.dashboardItemsList.length > 0
? FractionallySizedBox( ? FractionallySizedBox(
widthFactor: 0.90, widthFactor: 0.94,
child: Container( child: Container(
child: Column( child: Column(
mainAxisAlignment: MainAxisAlignment.start, mainAxisAlignment: MainAxisAlignment.start,
@ -131,7 +131,7 @@ class _HomeScreenState extends State<HomeScreen> {
borderRadius: BorderRadius.only( borderRadius: BorderRadius.only(
topRight: Radius.circular(70), topRight: Radius.circular(70),
)), )),
padding: EdgeInsets.only(left: 20, top: 10, right: 20), padding: EdgeInsets.only(left: 10, top: 10, right: 10),
margin: EdgeInsets.only(top: 10), margin: EdgeInsets.only(top: 10),
child: Column( child: Column(
mainAxisAlignment: MainAxisAlignment.start, mainAxisAlignment: MainAxisAlignment.start,

@ -158,6 +158,9 @@ class _HomeScreenHeaderState extends State<HomeScreenHeader> {
.size .size
.width * .6) * (SizeConfig.isWidthLarge?4:5), .width * .6) * (SizeConfig.isWidthLarge?4:5),
color: Color(0xFF2B353E), color: Color(0xFF2B353E),
maxLines: 1,
maxLength: 2,
letterSpacing: -0.96,
textOverflow: TextOverflow textOverflow: TextOverflow
.ellipsis, .ellipsis,
fontWeight: fontWeight:

@ -28,6 +28,7 @@ class Label extends StatelessWidget {
// fontWeight: FontWeight.bold, // fontWeight: FontWeight.bold,
color: color, color: color,
fontHeight: .5, fontHeight: .5,
letterSpacing: -0.72,
fontWeight: FontWeight.w600, fontWeight: FontWeight.w600,
), ),
AppText( AppText(
@ -35,6 +36,8 @@ class Label extends StatelessWidget {
color: color, color: color,
fontSize: secondLineFontSize??SizeConfig.getTextMultiplierBasedOnWidth() * (SizeConfig.isWidthLarge?4:6.40), fontSize: secondLineFontSize??SizeConfig.getTextMultiplierBasedOnWidth() * (SizeConfig.isWidthLarge?4:6.40),
fontWeight: FontWeight.bold, fontWeight: FontWeight.bold,
letterSpacing: -1.44,
), ),
], ],
); );

@ -30,6 +30,7 @@ class GetActivityCard extends StatelessWidget {
fontSize: SizeConfig.getTextMultiplierBasedOnWidth(width: width)* 25, fontSize: SizeConfig.getTextMultiplierBasedOnWidth(width: width)* 25,
fontWeight: FontWeight.bold, fontWeight: FontWeight.bold,
color: Color(0xFF2B353E), color: Color(0xFF2B353E),
letterSpacing: -0.93,
), ),
AppText( AppText(
value.kPIParameter, value.kPIParameter,
@ -38,6 +39,7 @@ class GetActivityCard extends StatelessWidget {
color: Color(0xFF2B353E), color: Color(0xFF2B353E),
textAlign: TextAlign.start, textAlign: TextAlign.start,
fontWeight: FontWeight.w700, fontWeight: FontWeight.w700,
letterSpacing: -0.33,
), ),
], ],
), ),

@ -65,7 +65,7 @@ class GetOutPatientStack extends StatelessWidget {
colors: <Color>[Color(0x8FF5F6FA), Colors.red[50]], // red to yellow colors: <Color>[Color(0x8FF5F6FA), Colors.red[50]], // red to yellow
tileMode: TileMode.mirror, // repeats the gradient over the canvas tileMode: TileMode.mirror, // repeats the gradient over the canvas
), ),
borderRadius: BorderRadius.circular(8), borderRadius: BorderRadius.circular(4),
// color: Colors.red[50], // color: Colors.red[50],
), ),
child: Stack(children: [ child: Stack(children: [
@ -78,7 +78,7 @@ class GetOutPatientStack extends StatelessWidget {
padding: EdgeInsets.all(10), padding: EdgeInsets.all(10),
height: max != 0 ? ((barHeight )* value.value) / max : 0, height: max != 0 ? ((barHeight )* value.value) / max : 0,
decoration: BoxDecoration( decoration: BoxDecoration(
borderRadius: BorderRadius.circular(8), borderRadius: BorderRadius.circular(4),
color: Color(0x63D02127), color: Color(0x63D02127),
), ),
), ),
@ -99,13 +99,15 @@ class GetOutPatientStack extends StatelessWidget {
fontSize: SizeConfig.getTextMultiplierBasedOnWidth() * 2.5, fontSize: SizeConfig.getTextMultiplierBasedOnWidth() * 2.5,
textAlign: TextAlign.center, textAlign: TextAlign.center,
color: Color(0xFF2B353E), color: Color(0xFF2B353E),
fontWeight: FontWeight.w700, fontWeight: FontWeight.w600,
letterSpacing: -0.3,
), ),
AppText( AppText(
' (' + value.value.toString() + ') ', ' (' + value.value.toString() + ') ',
fontSize: SizeConfig.getTextMultiplierBasedOnWidth() * 2.5, fontSize: SizeConfig.getTextMultiplierBasedOnWidth() * 2.5,
textAlign: TextAlign.center, textAlign: TextAlign.center,
color: Color(0xFF2B353E), color: Color(0xFF2B353E),
letterSpacing: -0.3,
fontWeight: FontWeight.bold, fontWeight: FontWeight.bold,
), ),
], ],

@ -25,9 +25,6 @@ class ProfileWelcomeWidget extends StatelessWidget {
crossAxisAlignment: CrossAxisAlignment.center, crossAxisAlignment: CrossAxisAlignment.center,
children: <Widget>[ children: <Widget>[
this.isClinic == true ? clinicWidget : SizedBox(), this.isClinic == true ? clinicWidget : SizedBox(),
SizedBox(
width: 20,
),
if(authenticationViewModel.doctorProfile!=null) if(authenticationViewModel.doctorProfile!=null)
CircleAvatar( CircleAvatar(
// radius: (52) // radius: (52)

@ -18,6 +18,7 @@ class AppText extends StatefulWidget {
final double marginRight; final double marginRight;
final double marginBottom; final double marginBottom;
final double marginLeft; final double marginLeft;
final double letterSpacing;
final TextAlign textAlign; final TextAlign textAlign;
final bool bold; final bool bold;
final bool regular; final bool regular;
@ -56,6 +57,7 @@ class AppText extends StatefulWidget {
this.visibility = true, this.visibility = true,
this.textOverflow, this.textOverflow,
this.textDecoration, this.textDecoration,
this.letterSpacing,
}); });
@override @override
@ -127,16 +129,15 @@ class _AppTextState extends State<AppText> {
fontWeight: widget.fontWeight ?? _getFontWeight(), fontWeight: widget.fontWeight ?? _getFontWeight(),
height: widget.fontHeight) height: widget.fontHeight)
: TextStyle( : TextStyle(
fontStyle: widget.italic ? FontStyle.italic : null, fontStyle: widget.italic ? FontStyle.italic : null,
color: color:
widget.color != null ? widget.color : Colors.black, widget.color != null ? widget.color : Colors.black,
fontSize: widget.fontSize ?? _getFontSize(), fontSize: widget.fontSize ?? _getFontSize(),
letterSpacing: letterSpacing: widget.letterSpacing,
widget.variant == "overline" ? 1.5 : null, fontWeight: widget.fontWeight ?? _getFontWeight(),
fontWeight: widget.fontWeight ?? _getFontWeight(), fontFamily: widget.fontFamily ?? 'Poppins',
fontFamily: widget.fontFamily ?? 'Poppins', decoration: widget.textDecoration,
decoration: widget.textDecoration, height: widget.fontHeight),
height: widget.fontHeight),
), ),
if (widget.readMore && text.length > widget.maxLength && hidden) if (widget.readMore && text.length > widget.maxLength && hidden)
Positioned( Positioned(

Loading…
Cancel
Save