added new design for tenders desktop
This commit is contained in:
@@ -1,8 +1,11 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_svg/svg.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
import 'package:tm_app/core/constants/assets.dart';
|
||||
import 'package:tm_app/core/theme/colors.dart';
|
||||
import 'package:tm_app/core/utils/size_config.dart';
|
||||
import 'package:tm_app/view_models/tenders_view_model.dart';
|
||||
import 'package:tm_app/views/shared/base_button.dart';
|
||||
import 'package:tm_app/views/shared/desktop_navigation_widget.dart';
|
||||
import 'package:tm_app/views/tenders/widgets/main_tenders_slider.dart';
|
||||
|
||||
@@ -49,6 +52,86 @@ class _DesktopTendersPageState extends State<DesktopTendersPage> {
|
||||
const DesktopNavigationWidget(
|
||||
currentIndex: 1, // Tenders index
|
||||
),
|
||||
|
||||
SizedBox(height: 48.0.h()),
|
||||
//search box
|
||||
SizedBox(
|
||||
height: 48.0.h(),
|
||||
width: 680,
|
||||
child: TextField(
|
||||
style: TextStyle(fontSize: 16.0.sp(), color: AppColors.grey0),
|
||||
decoration: InputDecoration(
|
||||
hintText: 'Search',
|
||||
hintStyle: TextStyle(
|
||||
fontSize: 16.0.sp(),
|
||||
color: AppColors.grey60,
|
||||
),
|
||||
prefixIcon: Padding(
|
||||
padding: EdgeInsets.all(12.0.w()),
|
||||
child: SvgPicture.asset(
|
||||
AssetsManager.normalSearch,
|
||||
width: 24.0.w(),
|
||||
height: 24.0.h(),
|
||||
),
|
||||
),
|
||||
filled: true,
|
||||
fillColor: AppColors.grey0,
|
||||
contentPadding: EdgeInsets.symmetric(
|
||||
horizontal: 12.0.w(),
|
||||
vertical: 12.0.h(),
|
||||
),
|
||||
border: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(12.0.w()),
|
||||
borderSide: const BorderSide(
|
||||
color: AppColors.mainBlue,
|
||||
width: 1,
|
||||
),
|
||||
),
|
||||
enabledBorder: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(12.0.w()),
|
||||
borderSide: BorderSide(color: AppColors.grey40, width: 1),
|
||||
),
|
||||
focusedBorder: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(12.0.w()),
|
||||
borderSide: const BorderSide(
|
||||
color: AppColors.grey,
|
||||
width: 1.5,
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
Container(
|
||||
margin: EdgeInsets.only(top: 25.0.h()),
|
||||
height: 40.0.h(),
|
||||
width: 680,
|
||||
child: Row(
|
||||
children: [
|
||||
BaseButton(
|
||||
width: 178.0.w(),
|
||||
isEnabled: true,
|
||||
onPressed: () {},
|
||||
text: 'Filter',
|
||||
icon: AssetsManager.filter,
|
||||
iconColor: AppColors.textBlue,
|
||||
backgroundColor: AppColors.primary2,
|
||||
textColor: AppColors.textBlue,
|
||||
),
|
||||
SizedBox(width: 10.0.w()),
|
||||
BaseButton(
|
||||
width: 178.0.w(),
|
||||
isEnabled: true,
|
||||
onPressed: () {},
|
||||
text: 'Sort',
|
||||
icon: AssetsManager.sort,
|
||||
iconColor: AppColors.textBlue,
|
||||
backgroundColor: AppColors.primary2,
|
||||
textColor: AppColors.textBlue,
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
|
||||
Expanded(
|
||||
child: Consumer<TendersViewModel>(
|
||||
builder: (context, viewModel, child) {
|
||||
@@ -74,7 +157,7 @@ class _DesktopTendersPageState extends State<DesktopTendersPage> {
|
||||
width: 740,
|
||||
height: 800,
|
||||
child: Padding(
|
||||
padding: EdgeInsets.symmetric(vertical: 24.0.h()),
|
||||
padding: EdgeInsets.symmetric(vertical: 4.0.h()),
|
||||
child: MainTendersSlider(
|
||||
tenders: viewModel.tendersResponse?.data?.tenders ?? [],
|
||||
isDesktop: true,
|
||||
|
||||
Reference in New Issue
Block a user