feat: 移动端适配

src/views/AwardPage/contestants.vue

@@ -40,7 +40,7 @@
       v-if="!isCompleted && !isExpired"
       :class="{ mobile: isMobile, tablet: isTablet }"
     >
-      <div class="form-header" v-if="showStep(0) && isMobile || isTablet">
+      <div class="form-header" v-if="showStep(0) && (isMobile || isTablet)">
         <div class="form-title poppins-bold">
           {{ t('AwardApply.emailVerification') }}
         </div>
@@ -340,7 +340,7 @@
             {{ t('AwardApply.submitYourDesign') }}
           </div>
           <div class="desc">
-            {{ t('AwardApply.unfinishedFormTip') }}
+            {{ t('AwardApply.stepTips') }}
           </div>
         </div>
       </div>
@@ -1264,7 +1264,7 @@ onUnmounted(() => {
     position: absolute;
   }
   .steps-container {
-    height: 6.8rem;
+    height: 10rem;
     background-color: #fff;
     position: absolute;
     bottom: 0;
@@ -1676,7 +1676,7 @@ onUnmounted(() => {
     }
 
     :deep(.ant-checkbox-wrapper) {
-      line-height:initial;
+      line-height: initial;
       .ant-checkbox-inner {
         width: 2rem;
         height: 2rem;