From 261f8be3ea4394c4505685af56f95702f13347b5 Mon Sep 17 00:00:00 2001
From: +_+ <fareco@users.noreply.github.com>
Date: Fri, 22 Dec 2023 10:46:50 +0800
Subject: [PATCH] fix(in-app): styles (#954)

---
 in-app/v1/src/App/Home/AiClassify.tsx |  2 +-
 in-app/v1/src/App/Home/Notices.tsx    | 19 ++++++++++---------
 in-app/v1/src/App/index.tsx           |  4 +++-
 in-app/v1/src/index.css               |  8 ++++++--
 4 files changed, 20 insertions(+), 13 deletions(-)

diff --git a/in-app/v1/src/App/Home/AiClassify.tsx b/in-app/v1/src/App/Home/AiClassify.tsx
index 5bc3b0ac3..f4969b317 100644
--- a/in-app/v1/src/App/Home/AiClassify.tsx
+++ b/in-app/v1/src/App/Home/AiClassify.tsx
@@ -103,7 +103,7 @@ const Input = memo(({ className, ...props }: ComponentPropsWithoutRef<'div'>) =>
                   : 'text-[#888888]',
                 'transition-colors',
                 'rounded-[15px]',
-                'h-[1.875rem]',
+                'leading-[30px]',
                 'flex',
                 'items-center'
               )}
diff --git a/in-app/v1/src/App/Home/Notices.tsx b/in-app/v1/src/App/Home/Notices.tsx
index 53d03014a..e5f08992f 100644
--- a/in-app/v1/src/App/Home/Notices.tsx
+++ b/in-app/v1/src/App/Home/Notices.tsx
@@ -22,15 +22,16 @@ export default function Notices() {
       <div className="overflow-hidden " ref={emblaRef}>
         <div className="flex flex-col h-[45px] items-stretch">
           {notices.map((notice) => (
-            <NoticeLink
-              article={notice}
-              key={notice.id}
-              className="flex items-center text-tapBlue px-4 py-3"
-            >
-              <SpeakerIcon className="text-tapBlue shrink-0" />
-              <span className="grow truncate ml-2 mr-1">{notice.title}</span>
-              <ChevronRightIcon className="shrink-0 h-4 w-4 text-tapBlue" />
-            </NoticeLink>
+            <div key={notice.id}>
+              <NoticeLink
+                article={notice}
+                className="flex h-[45px] items-center text-tapBlue px-4 py-3"
+              >
+                <SpeakerIcon className="text-tapBlue shrink-0" />
+                <span className="grow truncate ml-2 mr-1">{notice.title}</span>
+                <ChevronRightIcon className="shrink-0 h-4 w-4 text-tapBlue" />
+              </NoticeLink>
+            </div>
           ))}
         </div>
       </div>
diff --git a/in-app/v1/src/App/index.tsx b/in-app/v1/src/App/index.tsx
index 6000eb1d7..f0796332d 100644
--- a/in-app/v1/src/App/index.tsx
+++ b/in-app/v1/src/App/index.tsx
@@ -115,7 +115,9 @@ export default function App() {
         <ErrorBoundary>
           <Suspense fallback={<Loading fullScreen />}>
             <SDKProvider>
-              <AppRoutes />
+              <div className="main">
+                <AppRoutes />
+              </div>
             </SDKProvider>
           </Suspense>
         </ErrorBoundary>
diff --git a/in-app/v1/src/index.css b/in-app/v1/src/index.css
index 8561747c1..922eb6540 100644
--- a/in-app/v1/src/index.css
+++ b/in-app/v1/src/index.css
@@ -7,7 +7,7 @@ html {
 }
 
 body {
-  @apply flex flex-col min-h-full text-base bg-[#E5E5E5] text-[#222];
+  @apply flex flex-col min-h-full text-base bg-[#E5E5E5] text-[#222] h-[100%] overflow-hidden;
 
   &.rnd {
     background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='100px' width='100px'><text transform='translate(20, 60) rotate(-45)' fill='rgba(0,0,0,.08)' font-size='16' font-family='sans-serif'>测试版</text></svg>");
@@ -15,7 +15,11 @@ body {
 }
 
 #root {
-  @apply flex flex-col grow w-full max-w-3xl mx-auto;
+  @apply flex flex-col w-full h-[100%] mb-2 overflow-y-auto;
+}
+
+.main{
+  @apply flex flex-col mx-auto max-w-3xl w-full min-h-full;
 }
 
 button:focus,