first commit

lib/ui/widgets/top_container.dart

@@ -0,0 +1,90 @@
+import 'package:flutter/material.dart';
+
+import '../../app/themes/app_colors.dart';
+import '../../app/themes/app_text.dart';
+
+class MyTopWidget extends StatelessWidget {
+  const MyTopWidget({
+    Key? key,
+    required this.icon,
+    required this.title,
+    required this.subtitle,
+    // required this.lastUpdate,
+  }) : super(key: key);
+
+  final IconData icon;
+  final String title;
+  final String subtitle;
+  // final String lastUpdate;
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      padding: const EdgeInsets.symmetric(horizontal: 15, vertical: 10),
+      width: MediaQuery.of(context).size.width * 0.42,
+      decoration: BoxDecoration(
+        color: mainColor,
+        borderRadius: BorderRadius.circular(10),
+        boxShadow: const [
+          BoxShadow(
+            color: Colors.grey,
+            spreadRadius: 5,
+            blurRadius: 7,
+            // offset: Offset(0, 3), // changes position of shadow
+          ),
+        ],
+      ),
+      child: Column(
+        mainAxisAlignment: MainAxisAlignment.start,
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          Container(
+            width: 50,
+            height: 50,
+            decoration: BoxDecoration(
+              color: mainColor.withAlpha(100),
+              borderRadius: BorderRadius.circular(10),
+              boxShadow: [
+                BoxShadow(
+                  color: Colors.grey.withOpacity(0.7),
+                  // spreadRadius: 5,
+                  // blurRadius: 7,
+                  // offset: Offset(0, 3), // changes position of shadow
+                ),
+              ],
+            ),
+            child: Icon(
+              icon,
+              color: backgroundColor,
+            ),
+          ),
+          const SizedBox(height: 5),
+          Text(
+            title,
+            style: boldTextStyle.copyWith(
+              fontSize: 16,
+              color: backgroundColor,
+            ),
+            overflow: TextOverflow.ellipsis,
+          ),
+          const SizedBox(height: 5),
+          Text(
+            subtitle,
+            style: boldTextStyle.copyWith(
+              fontSize: 13,
+              color: backgroundColor,
+            ),
+          ),
+          const SizedBox(height: 5),
+          // Text(
+          //   lastUpdate,
+          //   style: regularTextStyle.copyWith(
+          //     fontSize: 11,
+          //     color: backgroundColor,
+          //   ),
+          // ),
+        ],
+      ),
+    );
+  }
+}