save

src/pages/pc/components/RightTopBar.vue

@@ -1,50 +0,0 @@
-<script setup lang="ts">
-
-import {ShortcutKey} from "@/types.ts";
-import {$ref} from "vue/macros";
-import FeedbackModal from "@/pages/pc/components/toolbar/FeedbackModal.vue";
-import BaseIcon from "@/components/BaseIcon.vue";
-import Tooltip from "@/pages/pc/components/Tooltip.vue";
-import IconWrapper from "@/pages/pc/components/IconWrapper.vue";
-import {Icon} from "@iconify/vue";
-import useTheme from "@/hooks/theme.ts";
-import {useSettingStore} from "@/stores/setting.ts";
-
-let showFeedbackModal = $ref(false)
-const {toggleTheme} = useTheme()
-const settingStore = useSettingStore()
-
-</script>
-
-<template>
-  <div class="right-bar">
-    <Tooltip
-        :title="`切换主题(快捷键：${settingStore.shortcutKeyMap[ShortcutKey.ToggleTheme]})`"
-    >
-      <IconWrapper>
-        <Icon icon="ep:moon" v-if="settingStore.theme === 'dark'"
-              @click="toggleTheme"/>
-        <Icon icon="tabler:sun" v-else @click="toggleTheme"/>
-      </IconWrapper>
-    </Tooltip>
-
-    <a href="https://github.com/zyronon/typing-word" target="_blank">
-      <BaseIcon
-          title="Github地址"
-          icon="mdi:github"/>
-    </a>
-  </div>
-</template>
-
-<style scoped lang="scss">
-
-.right-bar {
-  position: fixed;
-  right: var(--space);
-  top: var(--space);
-  z-index: 1;
-  display: flex;
-  gap: 10rem;
-}
-
-</style>

src/pages/pc/components/Setting.vue

@@ -449,13 +449,17 @@ function importData(e) {
           </div>
         </div>
       </div>
-      <div v-if="tabIndex === 5">
-        <p>Typing Word</p>
-        本项目完全开源！好用请大家多多点Star！
-        <div></div>
-        GitHub地址：https://github.com/zyronon/typing-word
-        <div></div>
-        反馈: https://github.com/zyronon/typing-word/issues
+      <div v-if="tabIndex === 5" class="about">
+        <h1>Typing Word</h1>
+        <p>
+          本项目完全开源！好用请大家多多点Star！
+        </p>
+        <p>
+          GitHub地址：<a href="https://github.com/zyronon/typing-word">https://github.com/zyronon/typing-word</a>
+        </p>
+        <p>
+          反馈：<a href="https://github.com/zyronon/typing-word/issues">https://github.com/zyronon/typing-word/issues</a>
+        </p>
       </div>
     </div>
   </div>
@@ -642,4 +646,8 @@ function importData(e) {
   }
 }
 
+.about {
+  text-align: center;
+}
+
 </style>

src/pages/pc/components/dialog/Dialog.vue

@@ -189,7 +189,7 @@ async function cancel() {
 @import "@/assets/css/variable";
 
 $modal-mask-bg: rgba(#000, .45);
-$radius: 12rem;
+$radius: 8rem;
 $time: 0.3s;
 $header-height: 60rem;
 

src/pages/pc/practice/index.vue

@@ -17,7 +17,6 @@ import {ShortcutKey} from "@/types.ts";
 import DictModal from "@/pages/pc/components/dialog/DictDiglog.vue";
 import {useStartKeyboardEventListener} from "@/hooks/event.ts";
 import useTheme from "@/hooks/theme.ts";
-import RightTopBar from "@/pages/pc/components/RightTopBar.vue";
 import Logo from "@/pages/pc/components/Logo.vue";
 
 const practiceStore = usePracticeStore()
@@ -142,14 +141,15 @@ useStartKeyboardEventListener()
 </script>
 <template>
   <div class="practice-wrapper">
-    <Logo/>
+    <div class="left">
+      <Logo/>
+    </div>
     <Toolbar/>
     <!--    <BaseButton @click="test">test</BaseButton>-->
     <PracticeArticle ref="practiceRef" v-if="store.isArticle"/>
     <PracticeWord ref="practiceRef" v-else/>
     <Footer/>
   </div>
-  <RightTopBar/>
   <DictModal/>
   <Statistics/>
 </template>
@@ -165,8 +165,10 @@ useStartKeyboardEventListener()
   align-items: center;
   //padding-right: var(--practice-wrapper-padding-right);
   transform: translateX(var(--practice-wrapper-translateX));
+}
 
-
+.left{
+  background: white;
 }
 
 </style>