Merge branch 'dev' into stable

CCU-Class · Aug 27, 2024 · cda05a8 · cda05a8
2 parents 5c4f262 + 8fed7c6
commit cda05a8
Show file tree

Hide file tree

Showing 4 changed files with 32 additions and 27 deletions.
diff --git a/src/components/pages/home/intro.vue b/src/components/pages/home/intro.vue
@@ -37,82 +37,85 @@
           class="text-center text-3xl font-bold border-b-2 mb-3 bg-gradient-to-br from-orange-300 to-red-700 text-transparent bg-clip-text">
           成員介紹
         </div>
-        <!-- <vue-carousel :data="slides" class="bg-dark"></vue-carousel> -->
-        <div class="bg-orange-100/50 py-6 px-3 flex flex-row">
+        <div
+          class="bg-orange-100/50 py-6 px-3 flex flex-col md:flex-row items-center md:items-start">
           <div
-            class="w-[20rem] align-middle"
+            class="w-[20rem] align-middle flex items-center"
             v-lazy-container="{ selector: 'img' }">
             <img
               data-src="/member01.jpg"
               class="max-w-[15rem] mx-auto md:rounded-lg rounded-[100%]" />
           </div>
-          <div>
+          <div class="text-center md:text-left md:ml-6">
             <p
               class="text-2xl font-bold px-5 border-b border-white text-orange-700">
               創辦人 吳翰平
             </p>
             <p class="px-6 py-3 text-xl">
-              現在就讀於中正大學資訊工程學系三年級，
+              現在就讀於中正大學資訊工程學系四年級，
               目前正在鑽研程式演算法競賽與網頁前後端工程，
               負責本網站的前端工程，是一位 Vue 新手。
             </p>
           </div>
         </div>
-        <div class="bg-orange-100/50 py-6 px-3 flex flex-row">
+        <div
+          class="bg-orange-100/50 py-6 px-3 flex flex-col md:flex-row items-center md:items-start">
           <div
-            class="w-[20rem] align-middle"
+            class="w-[20rem] align-middle flex items-center"
             v-lazy-container="{ selector: 'img' }">
             <img
               data-src="/member02.jpg"
               class="max-w-[15rem] mx-auto md:rounded-lg rounded-[100%]" />
           </div>
-          <div>
+          <div class="text-center md:text-left md:ml-6">
             <p
               class="text-2xl font-bold px-5 border-b border-white text-orange-700">
               王子銜
             </p>
             <p class="px-6 py-3 text-xl">
-              中正大學通訊工程學系三年級，
+              中正大學通訊工程學系四年級，
               主要研究網頁前後端與演算法競賽。 2023 中研院 Summer
               intern
             </p>
           </div>
         </div>
-        <div class="bg-orange-100/50 py-6 px-3 flex flex-row">
+        <div
+          class="bg-orange-100/50 py-6 px-3 flex flex-col md:flex-row items-center md:items-start">
           <div
-            class="w-[20rem] align-middle"
+            class="w-[20rem] align-middle flex items-center"
             v-lazy-container="{ selector: 'img' }">
             <img
               data-src="/member03.jpg"
               class="max-w-[15rem] mx-auto md:rounded-lg rounded-[100%]" />
           </div>
-          <div>
+          <div class="text-center md:text-left md:ml-6">
             <p
               class="text-2xl font-bold px-5 border-b border-white text-orange-700">
               楊其龍
             </p>
             <p class="px-6 py-3 text-xl">
-              中正大學資訊工程學系三年級
+              中正大學資訊工程學系四年級
               主要研究軟體工程、網頁前後端、競程， 目前主要學習ML，
               此專案主要負責後端伺服器、資料庫、API。
             </p>
           </div>
         </div>
-        <div class="bg-orange-100/50 py-6 px-3 flex flex-row">
+        <div
+          class="bg-orange-100/50 py-6 px-3 flex flex-col md:flex-row items-center md:items-start">
           <div
-            class="w-[20rem] align-middle"
+            class="w-[20rem] align-middle flex items-center"
             v-lazy-container="{ selector: 'img' }">
             <img
               data-src="/member04.png"
               class="max-w-[15rem] mx-auto md:rounded-lg rounded-[100%]" />
           </div>
-          <div>
+          <div class="text-center md:text-left md:ml-6">
             <p
               class="text-2xl font-bold px-5 border-b border-white text-orange-700">
               凃昀辰
             </p>
             <p class="px-6 py-3 text-xl">
-              現在就讀於資訊工程學系三年級，
+              現在就讀於資訊工程學系四年級，
               主要研究跨域資訊安全與CTF， 目前主要為學習ML相關知識。
             </p>
           </div>
@@ -149,7 +152,7 @@
           class="text-center text-3xl font-bold mb-3 bg-gradient-to-br from-orange-300 to-red-700 text-transparent bg-clip-text">
           聯絡我們
         </div>
-        <div class="w-8/12 mx-auto my-2">
+        <div class="w-full md:w-8/12 mx-auto my-2">
           <a href="mailto:[email protected]"
             >團隊 email: [email protected]</a
           >
@@ -160,7 +163,7 @@
           class="text-center text-3xl font-bold mb-3 bg-gradient-to-br from-orange-300 to-red-700 text-transparent bg-clip-text">
           相關連結
         </div>
-        <div class="w-8/12 mx-auto my-5 py-5">
+        <div class="w-full md:w-8/12 mx-auto my-5 py-5">
           <a
             class="btn-link"
             href="https://github.com/syzygy608/AhriSchedule"

diff --git a/src/components/pages/main/course_tab.vue b/src/components/pages/main/course_tab.vue
@@ -58,13 +58,12 @@ onMounted(async () => {
   }
   let result = await getsharecourse(recordId);
   console.log(result);
-  if(result){
+  if (result) {
     const data = result.json_data;
     // console.log(data);
     store.dispatch("importTabs", data);
     window.location.href = "/#/main";
-  }
-  else{
+  } else {
     window.location.href = "/#/record/error";
   }
 });

diff --git a/src/components/pages/main/inputArea.vue b/src/components/pages/main/inputArea.vue
@@ -53,7 +53,10 @@
             清空課表
             <DeleteOutlined />
           </button>
-          <button class="btn-normal w-[8rem]" v-on:click="shareTable" id = "share">
+          <button
+            class="btn-normal w-[8rem]"
+            v-on:click="shareTable"
+            id="share">
             分享課表
             <ExportOutlined />
           </button>
@@ -133,8 +136,9 @@
       class="w-full md:w-9/12 mx-auto py-3"
       v-if="searchType == '以時間區間搜尋'"></div>
   </div>
-  <div class = "flex fixed top-0 left-0 w-screen h-screen z-10" v-show="waiting">
-  </div>
+  <div
+    class="flex fixed top-0 left-0 w-screen h-screen z-10"
+    v-show="waiting"></div>
 </template>
 
 <script setup>

diff --git a/src/views/page_record_error.vue b/src/views/page_record_error.vue
@@ -10,8 +10,7 @@ import ErrorBox from "@components/common/error_box.vue";
     <div
       style="height: calc(100vh - 8rem)"
       class="flex items-center justify-center">
-      <ErrorBox
-        error="分享連結錯誤或者已過期"></ErrorBox>
+      <ErrorBox error="分享連結錯誤或者已過期"></ErrorBox>
     </div>
     <Foot />
   </div>