[feat] added responsive css and min fixes

web3wagers · Aug 15, 2024 · 9413639 · 9413639
1 parent fceb682
commit 9413639
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 9 deletions.
diff --git 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
@@ -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/...b/components/welcomepage/WelcomeItens.tsx → ...b/components/welcomepage/WelcomeItems.tsx b/...b/components/welcomepage/WelcomeItens.tsx → ...b/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} />