better looking detail modal

2024-08-28 20:22:11 -04:00
parent 6498ae794b
commit 2d0e52f65b
9 changed files with 427 additions and 212 deletions
@@ -17,14 +17,13 @@ const Index = () => {
  }, []);

  return (
-    <div className="flex h-screen py-20">
+    <div className="flex h-screen">
      {getLink.data ? (
-        <div className="m-auto py-20 w-full">
-          <LinkDetails
-            link={getLink.data}
-            className="max-w-xl mx-auto p-5 w-full"
-          />
-        </div>
+        <LinkDetails
+          link={getLink.data}
+          className="sm:max-w-xl sm:m-auto sm:p-5 w-full"
+          standalone
+        />
      ) : (
        <div className="max-w-xl p-5 m-auto w-full flex flex-col items-center gap-5">
          <div className="w-20 h-20 skeleton rounded-xl"></div>
@@ -17,12 +17,11 @@ const Index = () => {
  return (
    <div className="flex h-screen">
      {getLink.data ? (
-        <div className="m-auto py-20 w-full">
-          <LinkDetails
-            link={getLink.data}
-            className="max-w-xl mx-auto p-5 w-full"
-          />
-        </div>
+        <LinkDetails
+          link={getLink.data}
+          className="sm:max-w-xl sm:m-auto sm:p-5 w-full"
+          standalone
+        />
      ) : (
        <div className="max-w-xl p-5 m-auto w-full flex flex-col items-center gap-5">
          <div className="w-20 h-20 skeleton rounded-xl"></div>