From 94136398934028c4223d25796d6406f859421411 Mon Sep 17 00:00:00 2001
From: adrianvrj <adrivargas48@gmail.com>
Date: Wed, 14 Aug 2024 21:26:55 -0600
Subject: [PATCH] [feat] added responsive css and min fixes

---
 frontend/gostarkme-web/app/page.tsx                  | 12 ++++++------
 .../components/welcomepage/WelcomeBar.tsx            |  4 ++--
 .../{WelcomeItens.tsx => WelcomeItems.tsx}           |  2 +-
 3 files changed, 9 insertions(+), 9 deletions(-)
 rename frontend/gostarkme-web/components/welcomepage/{WelcomeItens.tsx => WelcomeItems.tsx} (82%)

diff --git a/frontend/gostarkme-web/app/page.tsx b/frontend/gostarkme-web/app/page.tsx
index 763a78c..a4a900d 100644
--- a/frontend/gostarkme-web/app/page.tsx
+++ b/frontend/gostarkme-web/app/page.tsx
@@ -1,27 +1,27 @@
 import { WelcomeBar } from "@/components/welcomepage/WelcomeBar";
-import { WelcomeItens } from "@/components/welcomepage/WelcomeItens";
+import { WelcomeItems } from "@/components/welcomepage/WelcomeItems";
 import Image from "next/image";
 
 export default function Home() {
     return (
-        <main className="flex min-h-screen w-full flex-col items-center  ">
+        <main className="flex justify-evenly gap-10 flex-wrap">
             <WelcomeBar />
             <section className="w-full max-w-screen-2xl grid grid-cols-1 md:grid-cols-2 p-10">
                 <div className="justify-self-center flex flex-col  justify-center items-center md:items-start gap-4 p-4">
                     <h1 className="text-4xl font-bold">Upload your cause</h1>
-                    <WelcomeItens
+                    <WelcomeItems
                         text="Give it a name."
                         src="/icons/user.png"
                     />
-                    <WelcomeItens
+                    <WelcomeItems
                         text="Give a good purpose."
                         src="/icons/target.png"
                     />
-                    <WelcomeItens
+                    <WelcomeItems
                         text="Recollect Stars."
                         src="/icons/star.png"
                     />
-                    <WelcomeItens
+                    <WelcomeItems
                         text="Receive donations."
                         src="/icons/starklogo.png"
                     />
diff --git a/frontend/gostarkme-web/components/welcomepage/WelcomeBar.tsx b/frontend/gostarkme-web/components/welcomepage/WelcomeBar.tsx
index bf612a0..9f7282e 100644
--- a/frontend/gostarkme-web/components/welcomepage/WelcomeBar.tsx
+++ b/frontend/gostarkme-web/components/welcomepage/WelcomeBar.tsx
@@ -3,7 +3,7 @@ import { LinkButton } from "../ui/LinkButton";
 
 export const WelcomeBar = () => {
     return (
-        <nav className=" bg-white top-0 w-full z-20 border-b-[1px] border-darkblue">
+        <nav className=" bg-white top-0 w-full z-20 border-b-[1px] border-darkblue m-2">
             <div className="max-w-screen-2xl mx-auto w-full p-4 flex items-center justify-between">
                 <span className="w-28" />
                 <div className=" flex flex-col items-center gap-4">
@@ -16,7 +16,7 @@ export const WelcomeBar = () => {
                     <h1 className="text-xl">Go Stark Me</h1>
                 </div>
 
-                <LinkButton label="Go to app" href="/dashboard" />
+                <LinkButton label="Go to app" href="/" />
             </div>
         </nav>
     );
diff --git a/frontend/gostarkme-web/components/welcomepage/WelcomeItens.tsx b/frontend/gostarkme-web/components/welcomepage/WelcomeItems.tsx
similarity index 82%
rename from frontend/gostarkme-web/components/welcomepage/WelcomeItens.tsx
rename to frontend/gostarkme-web/components/welcomepage/WelcomeItems.tsx
index c37522c..9f83999 100644
--- a/frontend/gostarkme-web/components/welcomepage/WelcomeItens.tsx
+++ b/frontend/gostarkme-web/components/welcomepage/WelcomeItems.tsx
@@ -5,7 +5,7 @@ interface WelcomeItensProps {
     src: string;
 }
 
-export const WelcomeItens = ({ text, src }: WelcomeItensProps) => {
+export const WelcomeItems = ({ text, src }: WelcomeItensProps) => {
     return (
         <div className="flex  items-center gap-2 ml-2">
             <Image src={src} alt="icon" width={30} height={30} />