change style

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', () => {

src/renderer/src/views/create/CreateStart.vue

@@ -82,7 +82,10 @@ 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="relative flex flex-col items-center justify-center bg-white px-32 py-8 rounded-lg border border-gray-300 shadow-xl"
+    >
       <div
         class="absolute top-4 left-32 cursor-pointer rounded border border-gray-300 px-4 shadow hover:bg-gray-100"
         @click="handleBack"
@@ -91,7 +94,7 @@ const handleSubmit = () => {
       </div>
       <p class="text-center text-2xl">创建新的文件</p>
       <el-divider> 填写基本课程信息以继续 </el-divider>
-    <div class="mx-auto w-full max-w-lg">
+      <div class="mx-auto w-lg">
         <el-form :model="tempCourseInfo" label-width="auto">
           <el-form-item label="课号">
             <el-input
@@ -118,7 +121,7 @@ const handleSubmit = () => {
               @blur="handleShowCopyBtn"
             />
             <div
-            class="absolute right-4 text-gray-400 cursor-pointer invisible"
+              class="invisible absolute right-4 cursor-pointer text-gray-400"
               :class="{ visible: isShowCopyFrom }"
               @click="handleCopyFromTeacher"
             >
@@ -145,6 +148,7 @@ const handleSubmit = () => {
         <el-button @click="handleCreateFrom('jwxt')">从 教务系统 中导入</el-button>
       </div>
     </div>
+  </div>
 </template>
 
 <style scoped></style>

src/renderer/src/views/home/HomeStart.vue

@@ -30,7 +30,10 @@ const handleFunctionClick = (ev: 'create' | 'open') => {
 </script>
 
 <template>
-  <div class="flex flex-col items-center justify-center gap-12 bg-white">
+  <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>
@@ -72,6 +75,7 @@ const handleFunctionClick = (ev: 'create' | 'open') => {
         </div>
       </div>
     </div>
+  </div>
 </template>
 
 <style scoped>