From 2893d3caf22b7e4188cd41b2217c33a9c6d39197 Mon Sep 17 00:00:00 2001
From: daniel31x13 <daniel31x13@gmail.com>
Date: Sun, 18 Aug 2024 16:52:08 -0400
Subject: [PATCH] minor improvement

---
 pages/links/[id].tsx        | 10 ++++++----
 pages/public/links/[id].tsx | 12 +++++++-----
 2 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/pages/links/[id].tsx b/pages/links/[id].tsx
index 9f2aaeca..55f56485 100644
--- a/pages/links/[id].tsx
+++ b/pages/links/[id].tsx
@@ -19,10 +19,12 @@ const Index = () => {
   return (
     <div className="flex h-screen py-20">
       {getLink.data ? (
-        <LinkDetails
-          link={getLink.data}
-          className="max-w-xl p-5 m-auto w-full"
-        />
+        <div className="m-auto py-20 w-full">
+          <LinkDetails
+            link={getLink.data}
+            className="max-w-xl mx-auto p-5 w-full"
+          />
+        </div>
       ) : (
         <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>
diff --git a/pages/public/links/[id].tsx b/pages/public/links/[id].tsx
index 9f2aaeca..8f3ef136 100644
--- a/pages/public/links/[id].tsx
+++ b/pages/public/links/[id].tsx
@@ -17,12 +17,14 @@ const Index = () => {
   }, []);
 
   return (
-    <div className="flex h-screen py-20">
+    <div className="flex h-screen">
       {getLink.data ? (
-        <LinkDetails
-          link={getLink.data}
-          className="max-w-xl p-5 m-auto w-full"
-        />
+        <div className="m-auto py-20 w-full">
+          <LinkDetails
+            link={getLink.data}
+            className="max-w-xl mx-auto p-5 w-full"
+          />
+        </div>
       ) : (
         <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>