Search btn and borders
This commit is contained in:
@@ -43,7 +43,7 @@ class _MyAppState extends State<MyApp> {
|
||||
return MaterialApp(
|
||||
title: 'GymLink Module',
|
||||
theme: ThemeData(
|
||||
colorScheme: ColorScheme.fromSeed(seedColor: Colors.red),
|
||||
colorScheme: ColorScheme.fromSeed(seedColor: Colors.blue),
|
||||
),
|
||||
debugShowCheckedModeBanner: false,
|
||||
home: gymLinkScreenRouter(_currentGymLinkScreen),
|
||||
@@ -140,13 +140,25 @@ class _MainPageState extends State<MainPage> {
|
||||
border: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(10),
|
||||
),
|
||||
suffixIcon: InkWell(
|
||||
onTap: () {
|
||||
debugPrint('tap on search icon');
|
||||
},
|
||||
child: const Icon(
|
||||
Icons.search,
|
||||
color: Colors.blue,
|
||||
suffixIcon: Padding(
|
||||
padding: const EdgeInsets.only(right: 8),
|
||||
child: ElevatedButton(
|
||||
onPressed: () {
|
||||
debugPrint('search button pressed');
|
||||
},
|
||||
style: ElevatedButton.styleFrom(
|
||||
padding: const EdgeInsets.symmetric(
|
||||
vertical: 8, horizontal: 0),
|
||||
minimumSize: const Size(
|
||||
50, kMinInteractiveDimension),
|
||||
backgroundColor: Colors.blue,
|
||||
shape: const CircleBorder(),
|
||||
),
|
||||
child: const Icon(
|
||||
Icons.search,
|
||||
color: Colors.white,
|
||||
size: 24,
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
@@ -164,8 +176,8 @@ class _MainPageState extends State<MainPage> {
|
||||
backgroundColor: Colors.blue,
|
||||
shape: const CircleBorder(
|
||||
side: BorderSide(
|
||||
color: Colors.blue,
|
||||
width: 2,
|
||||
color: Colors.black,
|
||||
width: 1,
|
||||
),
|
||||
),
|
||||
),
|
||||
@@ -187,8 +199,8 @@ class _MainPageState extends State<MainPage> {
|
||||
backgroundColor: Colors.blue,
|
||||
shape: const CircleBorder(
|
||||
side: BorderSide(
|
||||
color: Colors.blue,
|
||||
width: 2,
|
||||
color: Colors.black,
|
||||
width: 1,
|
||||
),
|
||||
),
|
||||
),
|
||||
|
||||
Reference in New Issue
Block a user