From 70d756acf8d65820565562d18cffcfb84aff01ac Mon Sep 17 00:00:00 2001
From: Jojoo <jojoo.eth@gmail.com>
Date: Mon, 16 Dec 2024 12:02:32 +0800
Subject: [PATCH] feat: home page mobile style

---
 docs/website/components/index/index.tsx | 23 ++++++++++++++++++-----
 1 file changed, 18 insertions(+), 5 deletions(-)

diff --git a/docs/website/components/index/index.tsx b/docs/website/components/index/index.tsx
index 5a8798db0..5402aea8e 100644
--- a/docs/website/components/index/index.tsx
+++ b/docs/website/components/index/index.tsx
@@ -319,8 +319,11 @@ const Index = ({
               </div>
             </div>
             <div className="mt-6 max-w-60 text-base md:text-2xl text-center text-black dark:text-[#EAEAEA] md:max-w-3xl font-[Kanit]">
-              Rooch is a Bitcoin application layer solution that <br /> features MoveVM and Bitcoin
-              staking
+              Rooch is a Bitcoin application layer solution that{' '}
+              <span className="hidden md:inline">
+                <br />
+              </span>{' '}
+              features MoveVM and Bitcoin staking
             </div>
           </div>
           <div className="flex flex-col items-center justify-center w-full relative mt-24 md:mt-0 md:top-[-2.2rem]">
@@ -531,9 +534,19 @@ const Index = ({
               BTC Staking
             </div>
             <div className="mt-6 text-base max-w-80 md:text-2xl text-center text-black dark:text-[#EAEAEA] md:max-w-3xl font-[Kanit]">
-              Generate yield for users in a non-custodial manner,
-              <br />
-              compatible with Babylon protocol
+              Generate yield for users in a{' '}
+              <span className="inline md:hidden">
+                <br />
+              </span>{' '}
+              non-custodial manner,
+              <span className="hidden md:inline">
+                <br />
+              </span>
+              compatible{' '}
+              <span className="inline md:hidden">
+                <br />
+              </span>{' '}
+              with Babylon protocol
             </div>
           </div>
           <div className="flex flex-wrap justify-center items-center w-full md:w-auto relative cursor-pointer -mt-[7vw]">