From 90097273cf325cc6de284c75da5464741233cb42 Mon Sep 17 00:00:00 2001
From: Jeffrey Hsu <xfj12@outlook.com>
Date: Wed, 12 Feb 2025 01:42:25 +0800
Subject: [PATCH] change style

---
 src/main/index.ts                             |   4 +-
 src/renderer/src/views/create/CreateStart.vue | 120 +++++++++---------
 src/renderer/src/views/home/HomeStart.vue     |  76 +++++------
 3 files changed, 104 insertions(+), 96 deletions(-)

diff --git a/src/main/index.ts b/src/main/index.ts
index c778912..0d73d12 100644
--- a/src/main/index.ts
+++ b/src/main/index.ts
@@ -34,14 +34,14 @@ function createWindow(): void {
     minHeight: 728,
     show: false,
     autoHideMenuBar: true,
-    frame: false,
+    titleBarStyle: 'hidden',
     icon: icon,
     webPreferences: {
       preload: join(__dirname, '../preload/index.js'),
       sandbox: false
     },
     vibrancy: 'fullscreen-ui',
-    backgroundMaterial: 'acrylic'
+    backgroundMaterial: 'mica'
   })
 
   mainWindow.on('ready-to-show', () => {
diff --git a/src/renderer/src/views/create/CreateStart.vue b/src/renderer/src/views/create/CreateStart.vue
index 35f8a83..23e1711 100644
--- a/src/renderer/src/views/create/CreateStart.vue
+++ b/src/renderer/src/views/create/CreateStart.vue
@@ -82,67 +82,71 @@ const handleSubmit = () => {
 </script>
 
 <template>
-  <div class="relative flex flex-col items-center justify-center bg-white">
+  <div class="flex items-center justify-center bg-white/75">
     <div
-      class="absolute top-4 left-32 cursor-pointer rounded border border-gray-300 px-4 shadow hover:bg-gray-100"
-      @click="handleBack"
+      class="relative flex flex-col items-center justify-center bg-white px-32 py-8 rounded-lg border border-gray-300 shadow-xl"
     >
-      返回
-    </div>
-    <p class="text-center text-2xl">创建新的文件</p>
-    <el-divider> 填写基本课程信息以继续 </el-divider>
-    <div class="mx-auto w-full max-w-lg">
-      <el-form :model="tempCourseInfo" label-width="auto">
-        <el-form-item label="课号">
-          <el-input
-            v-model="tempCourseInfo.id"
-            type="text"
-            placeholder="(xxxx-xxxx-x)-xxxxxxxxxx-xxxxx-x"
-          />
-        </el-form-item>
-        <el-form-item label="课程名称">
-          <el-input v-model="tempCourseInfo.name" type="text" placeholder="课程名称" />
-        </el-form-item>
-        <el-form-item label="开课学院">
-          <el-input v-model="tempCourseInfo.campus" type="text" placeholder="开课学院" />
-        </el-form-item>
-        <el-form-item label="任课教师">
-          <el-input v-model="tempCourseInfo.teacher" type="text" placeholder="任课教师" />
-        </el-form-item>
-        <el-form-item label="课程负责人" class="relative">
-          <el-input
-            v-model="tempCourseInfo.master"
-            type="text"
-            placeholder="课程负责人"
-            @focus="handleShowCopyBtn"
-            @blur="handleShowCopyBtn"
-          />
-          <div
-            class="absolute right-4 text-gray-400 cursor-pointer invisible"
-            :class="{ visible: isShowCopyFrom }"
-            @click="handleCopyFromTeacher"
-          >
-            从任课教师复制
+      <div
+        class="absolute top-4 left-32 cursor-pointer rounded border border-gray-300 px-4 shadow hover:bg-gray-100"
+        @click="handleBack"
+      >
+        返回
+      </div>
+      <p class="text-center text-2xl">创建新的文件</p>
+      <el-divider> 填写基本课程信息以继续 </el-divider>
+      <div class="mx-auto w-lg">
+        <el-form :model="tempCourseInfo" label-width="auto">
+          <el-form-item label="课号">
+            <el-input
+              v-model="tempCourseInfo.id"
+              type="text"
+              placeholder="(xxxx-xxxx-x)-xxxxxxxxxx-xxxxx-x"
+            />
+          </el-form-item>
+          <el-form-item label="课程名称">
+            <el-input v-model="tempCourseInfo.name" type="text" placeholder="课程名称" />
+          </el-form-item>
+          <el-form-item label="开课学院">
+            <el-input v-model="tempCourseInfo.campus" type="text" placeholder="开课学院" />
+          </el-form-item>
+          <el-form-item label="任课教师">
+            <el-input v-model="tempCourseInfo.teacher" type="text" placeholder="任课教师" />
+          </el-form-item>
+          <el-form-item label="课程负责人" class="relative">
+            <el-input
+              v-model="tempCourseInfo.master"
+              type="text"
+              placeholder="课程负责人"
+              @focus="handleShowCopyBtn"
+              @blur="handleShowCopyBtn"
+            />
+            <div
+              class="invisible absolute right-4 cursor-pointer text-gray-400"
+              :class="{ visible: isShowCopyFrom }"
+              @click="handleCopyFromTeacher"
+            >
+              从任课教师复制
+            </div>
+          </el-form-item>
+          <el-form-item label="学分">
+            <el-input v-model="tempCourseInfo.credit" type="number" placeholder="学分" />
+          </el-form-item>
+          <el-form-item label="教学班级">
+            <el-input v-model="tempCourseInfo.className" type="text" placeholder="教学班级" />
+          </el-form-item>
+          <div class="flex justify-end">
+            <el-button @click="handleFormReset">重置</el-button>
+            <el-button type="primary" :disabled="enableSubmit" @click="handleSubmit"
+              >下一步</el-button
+            >
           </div>
-        </el-form-item>
-        <el-form-item label="学分">
-          <el-input v-model="tempCourseInfo.credit" type="number" placeholder="学分" />
-        </el-form-item>
-        <el-form-item label="教学班级">
-          <el-input v-model="tempCourseInfo.className" type="text" placeholder="教学班级" />
-        </el-form-item>
-        <div class="flex justify-end">
-          <el-button @click="handleFormReset">重置</el-button>
-          <el-button type="primary" :disabled="enableSubmit" @click="handleSubmit"
-            >下一步</el-button
-          >
-        </div>
-      </el-form>
-    </div>
-    <el-divider>或</el-divider>
-    <div class="flex justify-center">
-      <el-button @click="handleCreateFrom('xlsx')">从 Excel 中导入</el-button>
-      <el-button @click="handleCreateFrom('jwxt')">从 教务系统 中导入</el-button>
+        </el-form>
+      </div>
+      <el-divider>或</el-divider>
+      <div class="flex justify-center">
+        <el-button @click="handleCreateFrom('xlsx')">从 Excel 中导入</el-button>
+        <el-button @click="handleCreateFrom('jwxt')">从 教务系统 中导入</el-button>
+      </div>
     </div>
   </div>
 </template>
diff --git a/src/renderer/src/views/home/HomeStart.vue b/src/renderer/src/views/home/HomeStart.vue
index 4792d32..6290aa5 100644
--- a/src/renderer/src/views/home/HomeStart.vue
+++ b/src/renderer/src/views/home/HomeStart.vue
@@ -30,45 +30,49 @@ const handleFunctionClick = (ev: 'create' | 'open') => {
 </script>
 
 <template>
-  <div class="flex flex-col items-center justify-center gap-12 bg-white">
-    <!-- 标题 -->
-    <div class="text-center leading-5">
-      <p class="text-2xl">欢迎</p>
-      <p>请从以下选择中开始</p>
-    </div>
-
-    <!-- 功能菜单 -->
-    <div class="flex gap-8">
-      <div
-        class="cursor-pointer rounded border border-gray-300 p-8 shadow transition-all function hover:-translate-y-1 hover:shadow-lg"
-        @click="handleFunctionClick('create')"
-      >
-        <svg
-          class="h-20 w-20 stroke-gray-600 stroke-4"
-          viewBox="0 0 1024 1024"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M554.666667 128H213.333333v768h426.666667v85.333333H213.333333a85.333333 85.333333 0 0 1-85.333333-85.333333V128a85.333333 85.333333 0 0 1 85.333333-85.333333h444.330667L896 281.002667V597.333333h-85.333333V384h-170.666667a85.333333 85.333333 0 0 1-85.333333-85.333333V128z m256 682.666667v-85.333334h85.333333v85.333334h85.333333v85.333333h-85.333333v85.333333h-85.333333v-85.333333h-85.333334v-85.333333h85.333334z m-17.664-512L640 145.664V298.666667h153.002667z"
-          ></path>
-        </svg>
-        <p class="mt-4 text-center">新建</p>
+  <div class="flex items-center bg-white/75">
+    <div
+      class="mx-auto flex flex-col items-center justify-center gap-12 overflow-hidden bg-white px-32 py-16 rounded-lg shadow-lg border border-gray-300"
+    >
+      <!-- 标题 -->
+      <div class="text-center leading-5">
+        <p class="text-2xl">欢迎</p>
+        <p>请从以下选择中开始</p>
       </div>
 
-      <div
-        class="cursor-pointer rounded border border-gray-300 p-8 shadow transition-all function hover:-translate-y-1 hover:shadow-lg"
-        @click="handleFunctionClick('open')"
-      >
-        <svg
-          class="h-20 w-20 stroke-yellow-600 stroke-4"
-          viewBox="0 0 1024 1024"
-          xmlns="http://www.w3.org/2000/svg"
+      <!-- 功能菜单 -->
+      <div class="flex gap-8">
+        <div
+          class="cursor-pointer rounded border border-gray-300 p-8 shadow transition-all function hover:-translate-y-1 hover:shadow-lg"
+          @click="handleFunctionClick('create')"
         >
-          <path
-            d="M896 341.333333a85.333333 85.333333 0 0 1 85.333333 85.333334l-1.024 9.258666-84.48 380.16A85.333333 85.333333 0 0 1 810.666667 896H128a85.333333 85.333333 0 0 1-85.333333-85.333333V213.333333a85.333333 85.333333 0 0 1 85.333333-85.333333h256c47.786667 0 78.208 20.266667 108.757333 58.837333 2.048 2.56 11.136 14.378667 13.354667 17.152 6.741333 8.32 8.106667 9.344 5.973333 9.344H810.666667a85.333333 85.333333 0 0 1 85.333333 85.333334v42.666666z m-85.333333 0V298.666667h-298.88c-30.677333-0.170667-50.602667-14.506667-72.106667-41.088-2.944-3.669333-12.373333-15.914667-13.781333-17.749334C409.898667 219.733333 400.384 213.333333 384 213.333333H128v208.682667l1.28-5.546667C141.226667 367.786667 163.498667 341.333333 213.333333 341.333333h597.333334zM129.024 810.666667H810.666667l1.024-9.258667L894.976 426.666667H214.869333c-0.64 2.133333-1.536 5.162667-2.56 9.258666L129.024 810.666667z"
-          ></path>
-        </svg>
-        <p class="mt-4 text-center">打开</p>
+          <svg
+            class="h-20 w-20 stroke-gray-600 stroke-4"
+            viewBox="0 0 1024 1024"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M554.666667 128H213.333333v768h426.666667v85.333333H213.333333a85.333333 85.333333 0 0 1-85.333333-85.333333V128a85.333333 85.333333 0 0 1 85.333333-85.333333h444.330667L896 281.002667V597.333333h-85.333333V384h-170.666667a85.333333 85.333333 0 0 1-85.333333-85.333333V128z m256 682.666667v-85.333334h85.333333v85.333334h85.333333v85.333333h-85.333333v85.333333h-85.333333v-85.333333h-85.333334v-85.333333h85.333334z m-17.664-512L640 145.664V298.666667h153.002667z"
+            ></path>
+          </svg>
+          <p class="mt-4 text-center">新建</p>
+        </div>
+
+        <div
+          class="cursor-pointer rounded border border-gray-300 p-8 shadow transition-all function hover:-translate-y-1 hover:shadow-lg"
+          @click="handleFunctionClick('open')"
+        >
+          <svg
+            class="h-20 w-20 stroke-yellow-600 stroke-4"
+            viewBox="0 0 1024 1024"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M896 341.333333a85.333333 85.333333 0 0 1 85.333333 85.333334l-1.024 9.258666-84.48 380.16A85.333333 85.333333 0 0 1 810.666667 896H128a85.333333 85.333333 0 0 1-85.333333-85.333333V213.333333a85.333333 85.333333 0 0 1 85.333333-85.333333h256c47.786667 0 78.208 20.266667 108.757333 58.837333 2.048 2.56 11.136 14.378667 13.354667 17.152 6.741333 8.32 8.106667 9.344 5.973333 9.344H810.666667a85.333333 85.333333 0 0 1 85.333333 85.333334v42.666666z m-85.333333 0V298.666667h-298.88c-30.677333-0.170667-50.602667-14.506667-72.106667-41.088-2.944-3.669333-12.373333-15.914667-13.781333-17.749334C409.898667 219.733333 400.384 213.333333 384 213.333333H128v208.682667l1.28-5.546667C141.226667 367.786667 163.498667 341.333333 213.333333 341.333333h597.333334zM129.024 810.666667H810.666667l1.024-9.258667L894.976 426.666667H214.869333c-0.64 2.133333-1.536 5.162667-2.56 9.258666L129.024 810.666667z"
+            ></path>
+          </svg>
+          <p class="mt-4 text-center">打开</p>
+        </div>
       </div>
     </div>
   </div>