feat: 部分调整

Author: OweQian

components/footer/index.tsx

@@ -79,8 +79,8 @@ const Footer: FC<IFooterProps> = ({
             <Image
               src={qrCode?.image}
               alt={qrCode?.text}
-              width={56}
-              height={56}
+              width={120}
+              height={120}
             ></Image>
           </div>
           <div className={styles.text}>{qrCode?.text}</div>

components/navbar/styles.module.scss

@@ -2,11 +2,11 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  background-color: transparent;
+  background-color: hsla(0,0%,100%,.5);
   backdrop-filter: blur(0.5rem);
   width: 100%;
   height: 4rem;
-  position: fixed;
+  position: sticky;
   top: 0;
   left: 0;
   padding: 1.25rem 8rem;

pages/_app.tsx

@@ -8,7 +8,7 @@ import {getIsMobile, getIsSupportWebp} from '@/utils';
 import {ThemeContextProvider} from '@/stores/theme';
 import {UserAgentProvider} from '@/stores/userAgent';
 import {LanguageContextProvider} from '@/stores/language';
-import QRCode from '@/public/code.png';
+import QRCode from '@/public/code.jpg';
 import './global.scss';
 import {isEmpty} from "lodash";
 import publicLogo from "@/public/public_logo.png";

pages/components/banner/styles.module.scss

@@ -123,6 +123,7 @@
 }
 
 .banner {
+  margin-top: -4rem;
   width: 100%;
   padding: 12rem 8rem;
   background: url("/img.png");

pages/components/contributors/styles.module.scss

@@ -2,6 +2,7 @@
   display: flex;
   -ms-flex-pack: justify;
   justify-content: space-between;
+  align-items: center;
   width: 60%;
   margin-bottom: 5rem;
   padding-top: 3.125rem;
@@ -23,16 +24,16 @@
     margin-left: -100px;
   }
   .title {
-    font-size: 1rem;
+    font-size: 1.25rem;
     font-weight: 700;
-    line-height: 34px;
+    line-height: 3.5rem;
     letter-spacing: .5px;
   }
   img {
     width: 100%;
   }
   .description {
-    font-size: 0.875rem;
+    font-size: 1rem;
     line-height: 1.56rem;
     letter-spacing: .15px;
   }

pages/components/platform/styles.module.scss

@@ -4,7 +4,7 @@
   .row {
     img {
       width: 100%;
-      height: 18.75rem;
+      height: 24rem;
       box-shadow: 0 2px 1rem 0 var(--box-shadow);
       margin-top: 4rem;
       transition: .5s;