Browse Source

优化移动端首页标题布局

gavin.chen 1 year ago
parent
commit
19af7b6bfd
2 changed files with 2 additions and 2 deletions
  1. 1 1
      public/index.html
  2. 1 1
      src/components/home/SectionHome.jsx

+ 1 - 1
public/index.html

@@ -7,7 +7,7 @@
       name="viewport"
       content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
     />
-    <meta name="theme-color" content="#000000" />
+    <meta name="theme-color" content="#3D92FC" />
     <meta name="description" content="Flyinsono website" />
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/img/favicon.ico" />
     <title>杏聆荟-远程超声解决方案</title>

+ 1 - 1
src/components/home/SectionHome.jsx

@@ -29,7 +29,7 @@ const SectionHome = ({ t, isCN }) => {
           className='md:hidden animate-displayFromTransparent z-0 w-full min-h-full object-cover grayscale-[20%]'
         />
       </div>
-      <div className='animate-slideLeftFromOut absolute px-2 md:left-[13%] flex flex-col h-full py-[130px] md:h-auto duration-300'>
+      <div className='animate-slideLeftFromOut absolute px-2 md:left-[13%] flex flex-col h-full pt-[100px] md:pt-[130px] md:h-auto duration-300'>
         <div className='ml-2 font-bold text-gray-900 md:text-white text-3xl md:text-6xl duration-300 tracking-widest-cn drop-shadow-mobile md:drop-shadow-text'>
           {t('智能超声 · 一触即达')}
         </div>