add: more waifus

ShivaBhattacharjee · Mar 12, 2024 · f7db5ba · f7db5ba
1 parent df2e838
commit f7db5ba
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 3 deletions.
diff --git a/src/app/[userid]/page.tsx b/src/app/[userid]/page.tsx
@@ -66,7 +66,7 @@ const page = async ({
                     </label>
                     <div className="flex items-center gap-2 relative">
                         <Quote className=" rotate-180  absolute top-0 " size={20} />
-                        <span className="w-full flex justify-center items-center mb-1 text-center">{user?.userDescription || "Unknown"}</span>
+                        <span className="w-full flex justify-center items-center mb-1 ml-3 md:ml-0 text-center">{user?.userDescription || "Unknown"}</span>
                         <Quote className=" absolute bottom-0 right-0" size={20} />
                     </div>
                 </div>

diff --git a/src/app/waifu/page.tsx b/src/app/waifu/page.tsx
@@ -26,13 +26,33 @@ const waifus = [
         picture: "https://i.pinimg.com/736x/ec/e9/d9/ece9d9960070002127226f88d3c51930.jpg",
         anime: "Spy X Family",
     },
+    {
+        name: "Fubuki",
+        picture: "https://i.pinimg.com/564x/75/9b/ef/759bef99acd8774419b06c82eedfb96f.jpg",
+        anime: "One Punch Man",
+    },
+    {
+        name: "Yoruichi",
+        picture: "https://i.pinimg.com/736x/42/44/a0/4244a0e2a113e90d0f10118c18aed91c.jpg",
+        anime: "Bleach",
+    },
+    {
+        name: "Rangiku",
+        picture: "https://i.pinimg.com/564x/30/c8/75/30c8752ff4aa9051c63c3c06d2a186a2.jpg",
+        anime: "Bleach",
+    },
+    {
+        name: "Orihime Inoue",
+        picture: "https://i.pinimg.com/564x/62/50/e1/6250e18e9b9ba2440cc8c06dd027d77a.jpg",
+        anime: "Bleach",
+    },
 ];
 const page = () => {
     return (
-        <section className="min-h-screen p-4 flex flex-col gap-2 ">
+        <section className="min-h-screen p-4 mb-40 flex flex-col gap-2 ">
             <h1 className=" font-bold text-3xl">Select Your Waifu</h1>
             <p className=" opacity-70 font-medium text-lg">More coming soon...</p>
-            <div className="flex justify-center items-center gap-8 mt-4 flex-wrap">
+            <div className="flex justify-center items-center flex-wrap gap-4">
                 {waifus.map((value, index) => (
                     <Link href={`/waifu/${value?.name || ""}/${value.anime || " "}`} key={index} className="flex justify-center items-center flex-col group duration-200">
                         <img src={value.picture} alt={value?.name || "Unknown"} className="lg:w-32 border-2 group-hover:scale-75 duration-100 lg:h-32 w-24 h-24 rounded-full" />