From bea9804e989e7c1ca384c1c2b3e87317c3fbb0fd Mon Sep 17 00:00:00 2001
From: DucQ <torspeedv8@gmail.com>
Date: Tue, 28 Nov 2023 17:07:49 +0700
Subject: [PATCH] UPDATE: - Fix mobile text

---
 .../src/modules/campaign/campaign-detail/index.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/packages/user/src/modules/campaign/campaign-detail/index.tsx b/packages/user/src/modules/campaign/campaign-detail/index.tsx
index e994725d..384c8d7b 100644
--- a/packages/user/src/modules/campaign/campaign-detail/index.tsx
+++ b/packages/user/src/modules/campaign/campaign-detail/index.tsx
@@ -66,7 +66,7 @@ export const CampaignDetail = ({ campaignId }: CampaignDetailProps) => {
             </div>
           </div>
         </div>
-        <div className="md:w-3/5 px-16 text-gray-50 pb-12 pt-12 md:justify-center md:flex md:flex-col">
+        <div className="md:w-3/5 px-2 md:px-16 text-gray-50 pb-12 pt-12 md:justify-center md:flex md:flex-col">
           <div>
             <div className="max-w-2xl">
               <h1
@@ -116,10 +116,10 @@ export const CampaignDetail = ({ campaignId }: CampaignDetailProps) => {
                 <div className="">
                   <div className="px-0 py-1">
                     <dl>
-                      <dt className="text-sm leading-5 text-gray-100 font-medium">
+                      <dt className="text-sm min-h-[40px] md:min-h-0 leading-5 text-gray-100 font-medium">
                         Total Supply
                       </dt>
-                      <dd className="mt-1 h-12 text-gray-50 text-5xl leading-none font-semibold">
+                      <dd className="mt-1 h-12 text-gray-50 text-4xl md:text-5xl leading-none font-semibold">
                         99
                       </dd>
                     </dl>
@@ -128,10 +128,10 @@ export const CampaignDetail = ({ campaignId }: CampaignDetailProps) => {
                 <div className="">
                   <div className="px-0 py-1">
                     <dl>
-                      <dt className="text-sm leading-5 text-gray-100 font-medium">
+                      <dt className="text-sm min-h-[40px] md:min-h-0 leading-5 text-gray-100 font-medium">
                         Max entry per Wallet
                       </dt>
-                      <dd className="mt-1 h-12 text-gray-50 text-5xl leading-none font-semibold">
+                      <dd className="mt-1 h-12 text-gray-50 text-4xl md:text-5xl leading-none font-semibold">
                         1
                       </dd>
                     </dl>
@@ -140,10 +140,10 @@ export const CampaignDetail = ({ campaignId }: CampaignDetailProps) => {
                 <div className="">
                   <div className="px-0 py-1">
                     <dl>
-                      <dt className="text-sm leading-5 text-gray-100 font-medium">
+                      <dt className="text-sm min-h-[40px] md:min-h-0 leading-5 text-gray-100 font-medium">
                         Price
                       </dt>
-                      <dd className="mt-1 h-12 text-gray-50 text-2xl leading-none font-semibold items-center flex">
+                      <dd className="mt-1 h-12 text-gray-50 text-xl md:text-2xl leading-none font-semibold items-center flex">
                         299 CSPR
                       </dd>
                     </dl>