style: 平板样式

src/lang/zh-cn.ts

@@ -126,23 +126,23 @@ export default {
     timelineApplicationLabel: '申请期限',
     timelineDeadlineLabel: '',
     timeJul15: '7月15日',
-    applicationDeadlineDesc: '申请截止日期及作品审核流程开始',
+    applicationDeadlineDesc: '申请截止日期及\n作品审核流程开始',
     twentyFinalistsAnnounced: '20名入围者揭晓',
     announcedLabel: '',
     timeAug30: '8月30日',
-    twentyFinalistsDesc: '公布进入终评阶段的 20 名入围者',
+    twentyFinalistsDesc: '公布进入终评阶段\n的20名入围者',
     finalistSubmission: '入围作品',
     submissionLabel: '提交最后期限',
     timeSept30: '9月30日',
-    finalistSubmissionDesc: '入围选手需在现场提交成品作品，并将成衣实物寄送至 Code-Create',
+    finalistSubmissionDesc: '入围选手需在现场提交\n成品作品，并将成衣实物寄送\n至Code-Create',
     receivingOutfits: '收到成衣期限',
     fromFinalistsLabel: '',
     timeOctober: '10月23日',
-    receivingOutfitsDesc: 'Code-Create 需确认收到入围成衣实物',
+    receivingOutfitsDesc: 'Code-Create需确认收\n到入围成衣实物',
     awardCeremony: '奖项颁发仪式',
     ceremonyLabel: '',
     timeNov12: '11月12日',
-    awardCeremonyDesc: '颁奖盛典与设计师社群聚会 – 香港Soho House',
+    awardCeremonyDesc: '颁奖盛典与设计师社\n群聚会 – 香港Soho House',
     submissionSuccessful: '提交成功',
     submissionSuccessfulDesc:
       '请在 AiDA 平台内的消息中查看您提交的信息。如有需要，您可以进行修改。\n比赛的最新消息和结果将通过邮箱发送。',

src/views/AwardPage/container.vue

@@ -54,7 +54,7 @@
     <router-view />
     <div
       class="footer flex space-between align-center"
-      :class="{ mobile: isMobile || isTablet }"
+      :class="{ mobile: isMobile || isTablet, pad: isTablet }"
       :style="mobileStyle"
     >
       <div class="social-list flex">
@@ -199,10 +199,14 @@ const router = useRouter()
 const { locale, t } = useI18n()
 
 const mobileStyle = computed(() => {
-  if (isMobile) {
+  if (isMobile.value) {
     return {
       padding: '0 2.6rem'
     }
+  } else if (isTablet.value) {
+    return {
+      padding: '0 6.6rem'
+    }
   } else {
     return {}
   }
@@ -475,9 +479,6 @@ const handleBtnClick = () => {
       width: 4rem;
       height: 4rem;
     }
-    .copyright {
-      // font-size: 2rem;
-    }
   }
 }
 .drawer-mask {