💄 changed component's UI

UoaWDCC · Jul 21, 2024 · 6096d7f · 6096d7f
1 parent 6464311
commit 6096d7f
Showing 1 changed file with 14 additions and 8 deletions.
diff --git a/next/components/dev/DeizaComponent.tsx b/next/components/dev/DeizaComponent.tsx
@@ -1,11 +1,17 @@
-export default function DeizaComponent() {
-    return (
-      <div>
-        <h1>Deiza's Component</h1>
-        <p>Hello and Welcome :D This is my component!!</p>
-      </div>
-    );
+ export default function DeizaComponent() {
+  return (
+      <div className="bg-gradient-to-b from-pink-300 to-honeydew-300 p-10 rounded-lg shadow-lg text-center">
+      <h1 className="text-4xl font-mono font-bold text-white mb-4">Deiza's Component</h1>
+      <p className="text-lg text-white font-mono font-bold mb-4">Hello and Welcome :D This is my component!!</p>
+      {/* <button className="bg-green-200 hover:bg-cyan-500 text-white font-bold py-2 px-4 rounded transition-transform transform hover:scale-110">
+        Doesn't do much yet!
+      </button> */}
+      <button className="bg-green-200 hover:bg-cyan-500 text-white font-mono font-bold p-2.5 rounded transition-transform transform hover:scale-110">
+        Doesn't do much yet!
+      </button>
+    </div>
+  );
 }
 
-  
+