Merge pull request #31 from liquality/fix/dashboard-list

fix: fixed dashbaord list and share img styles
liquality · Apr 18, 2024 · 0def90e · 0def90e
2 parents f515875 + c506396
commit 0def90e
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 14 deletions.
diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx
@@ -53,29 +53,28 @@ export default function Dashboard() {
           </div>
           <div className="flex flex-col">
             <div className="flex">Previous NFTs ({frames?.length || 0})</div>
-            <div className="flex mt-4 mb-12 md:flex-col">
+            <div className="flex mt-4 mb-12 flex-col">
               {frames.map((frame) => (
-                <div className="flex flex-col" key={frame.id}>
+                <div className="flex flex-col items-center" key={frame.id}>
+                   <div
+                    className="flex text-purple-500 cursor-pointer hover:text-purple-900 hover:text-decoration-1"
+                    onClick={() => router.push(`/share/${frame.id}`)}
+                  >
+                    {frame.name}
+                  </div>
                   <div
-                    className="flex cursor-pointer"
+                    className="flex cursor-pointer mt-4 justify-center"
                     onClick={() => router.push(`/share/${frame.id}`)}
                   >
                     {frame?.nftImgUrl && (
                       <img
                         src={frame?.nftImgUrl || ""}
                         alt="Uploaded meme"
-                        className="object-cover h-full md:h-32"
+                        className="mt-1 w-10/12 sm:w-2/4 object-contain"
                       />
                     )}
                   </div>
-
-                  <div
-                    className="flex mt-4 cursor-pointer hover:text-purple-500"
-                    onClick={() => router.push(`/share/${frame.id}`)}
-                  >
-                    {frame.name}
-                  </div>
-                  <div className="flex mt-4">
+                  <div className="mt-4 hidden sm:flex">
                     <a
                       href="#"
                       className="text-purple-500"
@@ -84,6 +83,7 @@ export default function Dashboard() {
                       {frameUrl + frame?.slug}
                     </a>
                   </div>
+                  <div className="line mb-5 mt-6"></div>
                 </div>
               ))}
             </div>

diff --git a/src/app/share/[id]/page.tsx b/src/app/share/[id]/page.tsx
@@ -46,8 +46,7 @@ export default function Share() {
             <img
               src={frame?.frame.nftImgUrl || ""}
               alt="Uploaded meme"
-              style={{ width: "60%" }}
-              className="object-cover mt-3"
+              className="object-contain mt-3 w-10/12 sm:w-2/4"
             />
           )}
         </div>