layout web

lib/utils/assets.dart

@@ -0,0 +1,12 @@
+class Assets {
+  Assets._();
+  static const String background = "assets/images/Background.png";
+  static const String webBackground = "assets/images/web_Background.svg";
+  static const String blackLogo = "assets/images/black-logo.png";
+  static const String logo = "assets/images/Logo.svg";
+  static const String logoHorizontal = "assets/images/logo_horizontal.png";
+  static const String vector = "assets/images/Vector.png";
+  static const String loginLogo = "assets/images/login_logo.svg";
+  static const String whiteLogo = "assets/images/white-logo.png";
+  static const String window = "assets/images/Window.png";
+}

lib/utils/color_manager.dart

@@ -0,0 +1,30 @@
+import 'package:flutter/material.dart';
+
+abstract class ColorsManager {
+  static const Color textPrimaryColor = Color(0xFF5D5D5D);
+  static const Color switchOffColor = Color(0x7F8D99AE);
+  static const Color primaryColor = Color(0xFF0030CB);//023DFE
+  static const Color secondaryTextColor = Color(0xFF848484);
+  static Color primaryColorWithOpacity = const Color(0xFF023DFE).withOpacity(0.6);
+  static const Color whiteColors = Colors.white;
+  static const Color secondaryColor = Color(0xFF023DFE);
+  static const Color onSecondaryColor = Color(0xFF023DFE);
+
+  static const Color primaryTextColor = Colors.black;
+
+  static const Color greyColor = Color(0xFFd5d5d5);
+
+  static const Color backgroundColor = Color(0xFFececec);
+  static const Color dozeColor = Color(0xFFFEC258);
+  static const Color relaxColor = Color(0xFFFBD288);
+  static const Color readingColor = Color(0xFFF7D69C);
+  static const Color energizingColor = Color(0xFFEDEDED);
+  static const Color dividerColor = Color(0xFFEBEBEB);
+  static const Color slidingBlueColor = Color(0x99023DFE);
+  static const Color blackColor = Color(0xFF000000);
+  static const Color lightGreen = Color(0xFF00FF0A);
+  static const Color grayColor = Color(0xFF999999);
+  static const Color red = Colors.red;
+  static const Color graysColor = Color(0xffEBEBEB);
+  static const Color textGray = Color(0xffD5D5D5);
+}

lib/utils/responsive_layout.dart

@@ -0,0 +1,21 @@
+
+
+import 'package:flutter/material.dart';
+
+
+class ResponsiveLayout extends StatelessWidget {
+  final  Widget desktopBody;
+  final Widget mobileBody;
+  const ResponsiveLayout({super.key,required this.desktopBody,required this.mobileBody});
+  @override
+  Widget build(BuildContext context) {
+    return LayoutBuilder(builder: (context, constraints) {
+      if(constraints.maxWidth<600){
+        return mobileBody;
+      }else{
+        return desktopBody;
+      }
+    },
+    );
+  }
+}

lib/utils/style.dart

@@ -0,0 +1,27 @@
+import 'package:flutter/material.dart';
+
+import 'color_manager.dart';
+
+InputDecoration? textBoxDecoration = InputDecoration(
+  focusColor: ColorsManager.grayColor,
+  suffixIcon: const Icon(Icons.search),
+  hintText: 'Search',
+  filled: true, // Enable background filling
+  fillColor: Colors.grey.shade200, // Set the background color
+  border: OutlineInputBorder(
+    borderRadius: BorderRadius.circular(15), // Add border radius
+    borderSide: BorderSide.none, // Remove the underline
+  ),
+  enabledBorder: OutlineInputBorder(
+    borderRadius: BorderRadius.circular(15), // Add border radius
+    borderSide: BorderSide.none, // Remove the underline
+  ),
+  focusedBorder: OutlineInputBorder(
+    borderRadius: BorderRadius.circular(15), // Add border radius
+    borderSide: BorderSide.none, // Remove the underline
+  ),
+);
+
+
+TextStyle appBarTextStyle =
+    const TextStyle(fontSize: 20, color: ColorsManager.whiteColors);