feat: fix layout

chingu-x · Sep 27, 2023 · e834a3f · e834a3f
1 parent 78bb84b
commit e834a3f
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 11 deletions.
diff --git a/src/app/ideation/components/ContributionCard.tsx b/src/app/ideation/components/ContributionCard.tsx
@@ -10,7 +10,7 @@ interface ContributionCardProps {
 
 function ContributionCard({ own_idea, contributed_by }: ContributionCardProps) {
   return (
-    <div className="card w-1/3 h-fit bg-secondary-content rounded-lg">
+    <div className="card max-w-[200px] w-full h-fit bg-secondary-content rounded-lg">
       <section className="flex flex-col items-start p-4 gap-y-4">
         <h1 className="text-base font-medium text-base-300">
           Contributed By

diff --git a/src/app/ideation/components/CreateIdeationContainer.tsx b/src/app/ideation/components/CreateIdeationContainer.tsx
@@ -3,8 +3,16 @@ import { Button } from "@/components";
 
 function CreateIdeationContainer() {
   return (
-    <div className="card w-full h-[190px] bg-base-100 flex flex-row items-center px-10">
-      <VoteDescriptionCard />
+    <div className="card w-full min-h-[300px] bg-base-100 flex flex-row items-center px-10">
+      <div className="flex flex-col justify-between h-full py-10">
+        <VoteDescriptionCard />
+        <Button
+          title="Create Project"
+          customClassName="w-1/7 btn-primary text-base-300 normal-case"
+        >
+        Create Project
+        </Button>
+      </div>
       <section className="card-body gap-y-7 px-20">
         <h2 className="text-xl font-semibold text-base-300">
           What is your Voyage project idea & vision?
@@ -15,12 +23,6 @@ function CreateIdeationContainer() {
           bring to users.
         </p>
       </section>
-      <Button
-        title="Create Project"
-        customClassName="w-1/7 btn-primary text-base-300 normal-case"
-      >
-        Create Project
-      </Button>
     </div>
   );
 }

diff --git a/src/app/ideation/components/VoteCard.tsx b/src/app/ideation/components/VoteCard.tsx
@@ -7,7 +7,7 @@ interface VoteCardProps {
 
 function VoteCard({ users, voted }: VoteCardProps) {
   return (
-    <div className="card w-1/3 h-fit bg-primary-content rounded-lg">
+    <div className="card max-w-[200px] w-full h-fit bg-primary-content rounded-lg">
       <section className="flex flex-col items-start p-4 gap-y-4">
         <h1 className="text-3xl font-semibold text-base-300">
           {users.length}

diff --git a/src/app/ideation/components/VoteDescriptionCard.tsx b/src/app/ideation/components/VoteDescriptionCard.tsx
@@ -1,6 +1,6 @@
 function VoteDescriptionCard() {
   return (
-    <div className="card w-1/3 h-32 bg-primary-content rounded-lg">
+    <div className="card min-w-[200px] w-[200px] h-32 bg-primary-content rounded-lg">
       <section className="flex flex-col items-start p-4 gap-y-4">
         <h2 className="text-xl font-semibold text-base-300">Votes</h2>
         <p className="text-base font-medium text-base-300 text-left">