From 9522ca2bc5fe49937479a3f5f85e243a1ac7dc19 Mon Sep 17 00:00:00 2001
From: cebgcontract <99630598+cebgcontract@users.noreply.github.com>
Date: Mon, 28 Feb 2022 19:38:47 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=AD=A3safari=E4=B8=8B=E6=B8=90?=
 =?UTF-8?q?=E5=8F=98=E6=96=87=E5=AD=97=E4=B8=8D=E8=B5=B7=E6=95=88=E7=9A=84?=
 =?UTF-8?q?bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/index/MainSection.vue         |  6 +++++-
 src/components/mobile/main/CenterSection.vue | 19 ++++++++++++-------
 2 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/src/components/index/MainSection.vue b/src/components/index/MainSection.vue
index 5a6241f..4cb8fa1 100644
--- a/src/components/index/MainSection.vue
+++ b/src/components/index/MainSection.vue
@@ -103,14 +103,18 @@ export default class extends Vue {
     .reward-title{
       margin-left: 96px;
       width: 610px;
-      color: transparent;
       font-size: 55px;
       font-weight: bold;
+      color: transparent;
       background: linear-gradient(to right, #FFE930, #FF8914);
       -webkit-background-clip: text;
       p{
         margin-block-start: 12px;
         margin-block-end: 12px;
+        color: #FFE930;
+        background-image: linear-gradient(to right, #FFE930, #FF8914);
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
       }
     }
     .reward-desc{
diff --git a/src/components/mobile/main/CenterSection.vue b/src/components/mobile/main/CenterSection.vue
index 8541bff..9793402 100644
--- a/src/components/mobile/main/CenterSection.vue
+++ b/src/components/mobile/main/CenterSection.vue
@@ -2,8 +2,8 @@
   <section id="center-section" data-anchor="top">
     <div class="reward-info">
       <div class="reward-title">
-        <p>About Crypto Elite's:</p>
-        <p>BATTLEGROUNDS(CEBG)</p>
+        <div>About Crypto Elite's:</div>
+        <div>BATTLEGROUNDS(CEBG)</div>
       </div>
       <div class="reward-desc">
         <p>Crypto Elite's: BATTLEGROUNDS(CEBG) is a light online multiplayer Battle Royale game. </p>
@@ -100,16 +100,19 @@ export default class MobileCenterSection extends Vue {
     width: 100vw;
     margin-top: 11.2vw;
     .reward-title{
+      display: inline-block;
       margin-left: 7.7vw;
-      width: 100%;
-      color: transparent;
       font-size: 6vw;
       font-weight: bold;
-      background: linear-gradient(to right, #FFE930, #FF8914);
-      -webkit-background-clip: text;
-      p{
+      width: fit-content;
+      div{
         margin-block-start: 12px;
         margin-block-end: 12px;
+        width: fit-content;
+        color: #FFE930;
+        background-image: linear-gradient(to right, #FFE930, #FF8914);
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
       }
     }
     .reward-desc{
@@ -120,6 +123,8 @@ export default class MobileCenterSection extends Vue {
       p{
         margin-block-start: 8px;
         margin-block-end: 8px;
+        color: #EDEDED;
+        font-size: 4vw;
       }
     }
   }