Commit d5cb5866 authored by r.manan@eksad.com's avatar r.manan@eksad.com

home4: smallscreen

parent be5db7ae
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:medapp_eksad/widget/button_color.dart';
class SmallHome4 extends StatelessWidget { class SmallHome4 extends StatelessWidget {
const SmallHome4({Key? key}) : super(key: key); const SmallHome4({Key? key}) : super(key: key);
...@@ -10,7 +10,7 @@ class SmallHome4 extends StatelessWidget { ...@@ -10,7 +10,7 @@ class SmallHome4 extends StatelessWidget {
return Container( return Container(
padding: EdgeInsets.symmetric(horizontal: 15), padding: EdgeInsets.symmetric(horizontal: 15),
width: ScreenSize.width, width: ScreenSize.width,
height: ScreenSize.height * 1.5, height: ScreenSize.height * 1.7,
color: Colors.white, color: Colors.white,
child: Container( child: Container(
width: ScreenSize.width * 0.20, width: ScreenSize.width * 0.20,
...@@ -21,8 +21,7 @@ class SmallHome4 extends StatelessWidget { ...@@ -21,8 +21,7 @@ class SmallHome4 extends StatelessWidget {
color: Colors.blue[900], color: Colors.blue[900],
boxShadow: [ boxShadow: [
BoxShadow( BoxShadow(
color: color: const Color.fromARGB(255, 10, 116, 255).withAlpha(60),
const Color.fromARGB(255, 10, 116, 255).withAlpha(60),
blurRadius: 15.0, blurRadius: 15.0,
spreadRadius: 10.0, spreadRadius: 10.0,
offset: const Offset( offset: const Offset(
...@@ -32,102 +31,50 @@ class SmallHome4 extends StatelessWidget { ...@@ -32,102 +31,50 @@ class SmallHome4 extends StatelessWidget {
), ),
], ],
), ),
child: Container( child: Column(
child: Row(
mainAxisAlignment: MainAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: <Widget>[ children: <Widget>[
Container( Container(
width: ScreenSize.width * 0.36, width: ScreenSize.width * 0.36,
height: ScreenSize.height * 0.69, height: ScreenSize.height * 0.7,
color: Colors.blue[900], color: Colors.blue[900],
child: Container(
alignment: Alignment.topLeft,
padding: EdgeInsets.all(30),
child: Column( child: Column(
mainAxisAlignment: MainAxisAlignment.start,
children: <Widget>[ children: <Widget>[
SizedBox(height: 40,), Column(
Row(
children: [ children: [
Text("Mobile & Web Apps", Text(
style: TextStyle( "Mobile & Web Apps",
color: Colors.white, style: TextStyle(color: Colors.white, fontSize: 34),
fontSize: 34 textAlign: TextAlign.center,
), ),
textAlign: TextAlign.left,
),
],
),
SizedBox(height: 30,),
Row(
children: [
Container( Container(
height: 100, height: 100,
width: ScreenSize.width *0.30, width: ScreenSize.width * 0.30,
child: Text( child: Text(
"MedApps menyediakan Aplikasi Mobile dan juga website yang bisa anda kunjungi", "MedApps menyediakan Aplikasi Mobile dan juga website yang bisa anda kunjungi",
style: TextStyle( style: TextStyle(fontSize: 18, color: Colors.white),
fontSize: 18, )),
color: Colors.white
),
)
),
],
),
// SizedBox(height: 10,),
Row(
children: [
Container( Container(
height : 50, height: 50,
width : 200, width: 200,
child: ElevatedButton( child: ElevatedButton(
onPressed: (){}, onPressed: () {},
style: ElevatedButton.styleFrom( style: ElevatedButton.styleFrom(
primary: Colors.blue[900], primary: Colors.blue[900],
onSurface: Colors.white, onSurface: Colors.white,
side: BorderSide( side: BorderSide(color: Colors.white),
color: Colors.white
),
shape: RoundedRectangleBorder( shape: RoundedRectangleBorder(
borderRadius: BorderRadius.all(Radius.circular(30) borderRadius:
), BorderRadius.all(Radius.circular(30)),
), ),
), ),
child: Text( child: Text(
"LEARN MORE", "LEARN MORE",
style: TextStyle( style: TextStyle(fontSize: 18, letterSpacing: 2),
fontSize: 18,
letterSpacing: 2
),
),
),
// child: ElevatedButton(
// onPressed: (){},
// style: DefaultColors(),
// // ElevatedButton.styleFrom(
// // primary: Colors.blue,
// // fixedSize: Size(170, 85),
// // onPrimary: Colors.white,
// // shape: RoundedRectangleBorder(
// // borderRadius: BorderRadius.all(Radius.circular(30),
// // )
// // )
// // ),
// child: Text("LEARN MORE",
// style: TextStyle(
// fontSize: 18,
// letterSpacing: 2
// ),
// ),
// ),
),
],
),
],
), ),
), ),
), ),
SizedBox(width: 40,),
Container( Container(
width: ScreenSize.width * 0.3, width: ScreenSize.width * 0.3,
height: ScreenSize.height * 0.69, height: ScreenSize.height * 0.69,
...@@ -135,16 +82,17 @@ class SmallHome4 extends StatelessWidget { ...@@ -135,16 +82,17 @@ class SmallHome4 extends StatelessWidget {
decoration: BoxDecoration( decoration: BoxDecoration(
color: Colors.white, color: Colors.white,
image: DecorationImage( image: DecorationImage(
image: AssetImage('assets/images/medaps3.png') image: AssetImage('assets/images/medaps3.png')),
), borderRadius: BorderRadius.circular(20)),
borderRadius: BorderRadius.circular(20)
), ),
],
), ),
], ],
), ),
), ),
],
),
), ),
); );
} }
} }
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