style: 文字宽度

src/lang/en.ts

@@ -135,7 +135,7 @@ export default {
     timelineApplicationLabel: 'Application',
     timelineDeadlineLabel: 'Deadline',
     timeJul15: 'Jul 15',
-    applicationDeadlineDesc: 'Application close and\nreview begins.',
+    applicationDeadlineDesc: 'Applications close and\nreview begins',
     twentyFinalistsAnnounced: 'Announcement of',
     announcedLabel: '20 Finalists',
     timeAug30: 'Aug 30',
@@ -144,15 +144,15 @@ export default {
     submissionLabel: 'Deadline',
     timeSept30: 'Sept 30',
     finalistSubmissionDesc:
-      'Finalists submit entries\nand ship garments to\nCode-Create.',
+      'Finalists submit entries\nand ship garments to\nCode-Create',
     receivingOutfits: 'Outfits Delivery',
     fromFinalistsLabel: 'Deadline',
     timeOctober: 'Oct 23',
-    receivingOutfitsDesc: 'Code-Create confirms receipt of all garments.',
+    receivingOutfitsDesc: 'Code-Create confirms receipt of all garments',
     awardCeremony: 'Award',
     ceremonyLabel: 'Ceremony',
     timeNov12: 'Nov 12',
-    awardCeremonyDesc: 'Ceremony and gathering at\nSoho House,Hong Kong.',
+    awardCeremonyDesc: 'Ceremony and gathering at Soho House, Hong Kong',
     submissionSuccessful: 'Submission Successful',
     submissionSuccessfulDesc:
       'Please review your submitted information in the AiDA in-platform message.\nYou may edit it if needed. Competition updates and results will be sent via email.',

src/views/AwardPage/components/TimeLine.vue

@@ -411,8 +411,8 @@ onBeforeUnmount(() => {
           font-size: 2rem;
           text-align: center;
           color: #e0e0e0;
-          width: 100%;
+          width: 22rem;
-          max-width: 31.2rem;
+          // max-width: 22rem;
           min-height: 10.2rem;
           white-space: pre-line;
           display: flex;