layout web

lib/web_layout/web_app_bar.dart

@@ -0,0 +1,63 @@
+import 'package:flutter/material.dart';
+import 'package:syncrow_web/utils/color_manager.dart';
+
+class WebAppBar extends StatelessWidget {
+ final String? title;
+ final List<Widget>? body;
+  const WebAppBar({super.key,this.title,this.body});
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      height: 120,
+      decoration:   const BoxDecoration(color:ColorsManager.secondaryColor ),
+      padding: const EdgeInsets.all(10),
+      child: Expanded(
+        child: Row(
+          mainAxisAlignment: MainAxisAlignment.spaceBetween,
+          children: [
+             Expanded(
+                child: Text(
+                  title!,style: const TextStyle(
+                    fontSize: 30,
+                    color: Colors.white),)
+             ),
+            if (body != null)
+              Expanded(
+                flex: 2,
+                child: Wrap(
+                  spacing: 15, // Adjust the spacing as needed
+                  children: body!,
+                ),
+              ),
+            Row(
+              children: [
+                IconButton(onPressed: () {},
+                icon: const Icon(Icons.apps_sharp,color: Colors.white,)),
+                const SizedBox(width: 10,),
+                const SizedBox.square(
+                  dimension: 40,
+                  child: CircleAvatar(
+                    backgroundColor: Colors.white,
+                    child: SizedBox.square(
+                      dimension: 35,
+                      child: CircleAvatar(
+                        backgroundColor: Colors.grey,
+                        child: FlutterLogo(),
+                      ),
+                    ),
+                  ),
+                ),
+                const SizedBox(width: 10,),
+                const Text('mohamamd alnemer ',style: TextStyle(fontSize: 16,color: Colors.white),),
+              ],
+            )
+          ],
+        ),
+      ) ,
+    );
+  }
+
+  // @override
+  // Size get preferredSize => Size.fromHeight(50.0);
+}