小优化和 A11Y 调整

src/App.vue

@@ -25,10 +25,10 @@ import '@mdui/icons/light-mode.js'
 import '@mdui/icons/menu.js'
 
 const clientOnlyStore = useClientOnlyStore()
-const api = useApiStore()
-let themeScheme = null
-const mobileScreen = useMobileScreen()
 const routeStore = useRouteStore()
+const api = useApiStore()
+const mobileScreen = useMobileScreen()
+let themeScheme = null
 
 const drawerOpen = ref(false)
 const drawer = ref(null)

src/main.scss

@@ -5,8 +5,6 @@ $font-family: Roboto, Noto Sans SC, PingFang SC, Lantinghei SC,
 $bg-color: rgb(var(--mdui-color-background));
 $error-color: rgb(var(--mdui-color-error));
 $on-error-color: rgb(var(--mdui-color-on-error));
-$transition-duration: var(--mdui-motion-duration-short2);
-$transition-easing: var(--mdui-motion-easing-linear);
 
 html {
   scroll-padding-top: 64px;
@@ -15,7 +13,6 @@ html {
 body {
   font-family: $font-family;
   background-color: $bg-color;
-  transition: opacity $transition-duration $transition-easing;
 }
 
 pre {
@@ -48,4 +45,3 @@ mdui-text-field {
 .no-select {
   user-select: none;
 }
-

src/views/Root.vue

@@ -46,7 +46,7 @@ function onConvert(data) {
 </script>
 
 <template>
-	<img style="display: block; margin: 0px auto 10px;" height="200px" alt="logo" src="/favicon.svg" />
+	<img style="display: block; margin: 0px auto 10px;" height="200px" width="200px" alt="logo" src="/favicon.svg" />
 	<h1>欢迎来到 AO3 Mirror! 👋👋</h1>
 	<p>一个基于重构渲染的 AO3 镜像站</p><Hr />
 	<section id="converter">