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,119 +31,68 @@ class SmallHome4 extends StatelessWidget { ...@@ -32,119 +31,68 @@ 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( child: Column(
alignment: Alignment.topLeft, children: <Widget>[
padding: EdgeInsets.all(30), Column(
child: Column( children: [
mainAxisAlignment: MainAxisAlignment.start, Text(
children: <Widget>[ "Mobile & Web Apps",
SizedBox(height: 40,), style: TextStyle(color: Colors.white, fontSize: 34),
Row( textAlign: TextAlign.center,
children: [ ),
Text("Mobile & Web Apps", Container(
style: TextStyle( height: 100,
color: Colors.white, width: ScreenSize.width * 0.30,
fontSize: 34 child: Text(
"MedApps menyediakan Aplikasi Mobile dan juga website yang bisa anda kunjungi",
style: TextStyle(fontSize: 18, color: Colors.white),
)),
Container(
height: 50,
width: 200,
child: ElevatedButton(
onPressed: () {},
style: ElevatedButton.styleFrom(
primary: Colors.blue[900],
onSurface: Colors.white,
side: BorderSide(color: Colors.white),
shape: RoundedRectangleBorder(
borderRadius:
BorderRadius.all(Radius.circular(30)),
), ),
textAlign: TextAlign.left,
), ),
], child: Text(
), "LEARN MORE",
SizedBox(height: 30,), style: TextStyle(fontSize: 18, letterSpacing: 2),
Row(
children: [
Container(
height: 100,
width: ScreenSize.width *0.30,
child: Text(
"MedApps menyediakan Aplikasi Mobile dan juga website yang bisa anda kunjungi",
style: TextStyle(
fontSize: 18,
color: Colors.white
),
)
), ),
], ),
), ),
// SizedBox(height: 10,), Container(
Row( width: ScreenSize.width * 0.3,
children: [ height: ScreenSize.height * 0.69,
Container( // color: Colors.white,
height : 50, decoration: BoxDecoration(
width : 200, color: Colors.white,
child: ElevatedButton( image: DecorationImage(
onPressed: (){}, image: AssetImage('assets/images/medaps3.png')),
style: ElevatedButton.styleFrom( borderRadius: BorderRadius.circular(20)),
primary: Colors.blue[900],
onSurface: Colors.white,
side: BorderSide(
color: Colors.white
),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.all(Radius.circular(30)
),
),
),
child: Text(
"LEARN MORE",
style: TextStyle(
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( ],
width: ScreenSize.width * 0.3,
height: ScreenSize.height * 0.69,
// color: Colors.white,
decoration: BoxDecoration(
color: Colors.white,
image: DecorationImage(
image: AssetImage('assets/images/medaps3.png')
),
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