Commit 690a503e authored by Piyumi Dayarathna's avatar Piyumi Dayarathna 💬

Responsiveness in STracker

parent b4044803
...@@ -143,8 +143,8 @@ class _homepageState extends State<homepage> { ...@@ -143,8 +143,8 @@ class _homepageState extends State<homepage> {
), ),
), ),
padding: EdgeInsets.symmetric( padding: EdgeInsets.symmetric(
vertical: 20.0, vertical: 10.0,
horizontal: 200.0, horizontal: 50.0,
), ),
) )
], ],
......
...@@ -144,7 +144,7 @@ class _quizpageState extends State<quizpage> { ...@@ -144,7 +144,7 @@ class _quizpageState extends State<quizpage> {
Widget choicebutton(String k) { Widget choicebutton(String k) {
return Padding( return Padding(
padding: EdgeInsets.symmetric( padding: EdgeInsets.symmetric(
vertical: 20.0, vertical: 10.0,
horizontal: 20.0, horizontal: 20.0,
), ),
child: MaterialButton( child: MaterialButton(
...@@ -153,15 +153,15 @@ class _quizpageState extends State<quizpage> { ...@@ -153,15 +153,15 @@ class _quizpageState extends State<quizpage> {
mydata[1][i.toString()][k], mydata[1][i.toString()][k],
style: TextStyle( style: TextStyle(
color: Colors.white, color: Colors.white,
fontSize: 20.0, fontSize: 15.0,
), ),
maxLines: 1, maxLines: 1,
), ),
color: btncolor[k], color: btncolor[k],
splashColor: Colors.indigo[700], splashColor: Colors.indigo[700],
highlightColor: Colors.indigo[700], highlightColor: Colors.indigo[700],
minWidth: 500.0, minWidth: 300.0,
height: 70.0, height: 40.0,
shape: shape:
RoundedRectangleBorder(borderRadius: BorderRadius.circular(20.0)), RoundedRectangleBorder(borderRadius: BorderRadius.circular(20.0)),
), ),
...@@ -204,14 +204,14 @@ class _quizpageState extends State<quizpage> { ...@@ -204,14 +204,14 @@ class _quizpageState extends State<quizpage> {
child: Material( child: Material(
elevation: 20.0, elevation: 20.0,
child: Container( child: Container(
width: 400.0, width: 300.0,
height: 50.0, height: 50.0,
child: Column( child: Column(
children: <Widget>[ children: <Widget>[
Material( Material(
child: Container( child: Container(
width: 400.0, width: 200.0,
height: 375.0, height: 200.0,
child: ClipRRect( child: ClipRRect(
child: Image( child: Image(
image: AssetImage( image: AssetImage(
...@@ -225,17 +225,17 @@ class _quizpageState extends State<quizpage> { ...@@ -225,17 +225,17 @@ class _quizpageState extends State<quizpage> {
), ),
), ),
SizedBox( SizedBox(
height: 20, height: 10,
), ),
Expanded( Expanded(
flex: 1, flex: 1,
child: Container( child: Container(
padding: EdgeInsets.all(15.0), padding: EdgeInsets.all(0.0),
alignment: Alignment.bottomLeft, alignment: Alignment.center,
child: Text( child: Text(
mydata[0][i.toString()], mydata[0][i.toString()],
style: TextStyle( style: TextStyle(
fontSize: 30.0, fontSize: 15.0,
fontWeight: FontWeight.w700, fontWeight: FontWeight.w700,
), ),
), ),
...@@ -266,7 +266,7 @@ class _quizpageState extends State<quizpage> { ...@@ -266,7 +266,7 @@ class _quizpageState extends State<quizpage> {
child: Text( child: Text(
showtimer, showtimer,
style: TextStyle( style: TextStyle(
fontSize: 35.0, fontSize: 30.0,
fontWeight: FontWeight.w700, fontWeight: FontWeight.w700,
), ),
), ),
......
...@@ -73,7 +73,7 @@ class _resultpageState extends State<resultpage> { ...@@ -73,7 +73,7 @@ class _resultpageState extends State<resultpage> {
child: Text( child: Text(
"You Scored $marks marks", "You Scored $marks marks",
style: TextStyle( style: TextStyle(
fontSize: 30.0, fontSize: 20.0,
fontWeight: FontWeight.w900, fontWeight: FontWeight.w900,
), ),
), ),
...@@ -99,8 +99,8 @@ class _resultpageState extends State<resultpage> { ...@@ -99,8 +99,8 @@ class _resultpageState extends State<resultpage> {
), ),
), ),
padding: EdgeInsets.symmetric( padding: EdgeInsets.symmetric(
vertical: 20.0, vertical: 10.0,
horizontal: 200.0, horizontal: 50.0,
), ),
) )
], ],
......
...@@ -145,7 +145,7 @@ class _quizpageMaskWearingState extends State<quizpageMaskWearing> { ...@@ -145,7 +145,7 @@ class _quizpageMaskWearingState extends State<quizpageMaskWearing> {
Widget choicebutton(String k) { Widget choicebutton(String k) {
return Padding( return Padding(
padding: EdgeInsets.symmetric( padding: EdgeInsets.symmetric(
vertical: 20.0, vertical: 10.0,
horizontal: 20.0, horizontal: 20.0,
), ),
child: MaterialButton( child: MaterialButton(
...@@ -154,15 +154,15 @@ class _quizpageMaskWearingState extends State<quizpageMaskWearing> { ...@@ -154,15 +154,15 @@ class _quizpageMaskWearingState extends State<quizpageMaskWearing> {
mydata[1][i.toString()][k], mydata[1][i.toString()][k],
style: TextStyle( style: TextStyle(
color: Colors.white, color: Colors.white,
fontSize: 20.0, fontSize: 15.0,
), ),
maxLines: 1, maxLines: 1,
), ),
color: btncolor[k], color: btncolor[k],
splashColor: Colors.indigo[700], splashColor: Colors.indigo[700],
highlightColor: Colors.indigo[700], highlightColor: Colors.indigo[700],
minWidth: 500.0, minWidth: 300.0,
height: 70.0, height: 40.0,
shape: shape:
RoundedRectangleBorder(borderRadius: BorderRadius.circular(20.0)), RoundedRectangleBorder(borderRadius: BorderRadius.circular(20.0)),
), ),
...@@ -202,14 +202,14 @@ class _quizpageMaskWearingState extends State<quizpageMaskWearing> { ...@@ -202,14 +202,14 @@ class _quizpageMaskWearingState extends State<quizpageMaskWearing> {
child: Material( child: Material(
elevation: 20.0, elevation: 20.0,
child: Container( child: Container(
width: 400.0, width: 300.0,
height: 50.0, height: 50.0,
child: Column( child: Column(
children: <Widget>[ children: <Widget>[
Material( Material(
child: Container( child: Container(
width: 400.0, width: 200.0,
height: 375.0, height: 200.0,
child: ClipRRect( child: ClipRRect(
child: Image( child: Image(
image: AssetImage( image: AssetImage(
...@@ -222,15 +222,18 @@ class _quizpageMaskWearingState extends State<quizpageMaskWearing> { ...@@ -222,15 +222,18 @@ class _quizpageMaskWearingState extends State<quizpageMaskWearing> {
)), )),
), ),
), ),
SizedBox(
height: 10,
),
Expanded( Expanded(
flex: 1, flex: 1,
child: Container( child: Container(
padding: EdgeInsets.all(15.0), padding: EdgeInsets.all(0.0),
alignment: Alignment.bottomLeft, alignment: Alignment.center,
child: Text( child: Text(
mydata[0][i.toString()], mydata[0][i.toString()],
style: TextStyle( style: TextStyle(
fontSize: 30.0, fontSize: 15.0,
fontWeight: FontWeight.w700, fontWeight: FontWeight.w700,
), ),
), ),
...@@ -261,7 +264,7 @@ class _quizpageMaskWearingState extends State<quizpageMaskWearing> { ...@@ -261,7 +264,7 @@ class _quizpageMaskWearingState extends State<quizpageMaskWearing> {
child: Text( child: Text(
showtimer, showtimer,
style: TextStyle( style: TextStyle(
fontSize: 35.0, fontSize: 30.0,
fontWeight: FontWeight.w700, fontWeight: FontWeight.w700,
), ),
), ),
......
...@@ -144,8 +144,8 @@ class _maskWearingQuizStartPageState extends State<maskWearingQuizStartPage> { ...@@ -144,8 +144,8 @@ class _maskWearingQuizStartPageState extends State<maskWearingQuizStartPage> {
), ),
), ),
padding: EdgeInsets.symmetric( padding: EdgeInsets.symmetric(
vertical: 20.0, vertical: 10.0,
horizontal: 200.0, horizontal: 50.0,
), ),
) )
], ],
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment