style: improve style

style improve

Author: TrueRou

app/pages/auth/login.vue

@@ -73,7 +73,7 @@ useHead({
 </script>
 
 <template>
-    <div class="max-w-md mx-auto pt-16">
+    <div class="max-w-md mx-auto px-4 pt-16">
         <h1 class="text-3xl font-bold text-center mb-8">
             登录
         </h1>
@@ -103,7 +103,7 @@ useHead({
 
             <div>
                 <p class="block text-sm font-medium mb-3">
-                    选择登录方式
+                    登录方式
                 </p>
                 <div class="space-y-3">
                     <label

app/pages/auth/register.vue

@@ -69,7 +69,7 @@ useHead({
 </script>
 
 <template>
-    <div class="max-w-md mx-auto pt-16">
+    <div class="max-w-md mx-auto px-4 pt-16">
         <h1 class="text-3xl font-bold text-center mb-8">
             注册
         </h1>

app/pages/auth/reset.vue

@@ -76,7 +76,7 @@ useHead({
 </script>
 
 <template>
-    <div class="max-w-md mx-auto pt-16">
+    <div class="max-w-md mx-auto px-4 pt-16">
         <div class="space-y-2 text-center">
             <p class="text-xs uppercase tracking-[0.25em] text-warning">
                 必须操作

app/pages/index.vue

@@ -96,7 +96,7 @@ const maimaiVersion = computed(() => {
                     <button class="cursor-pointer" @click="triggerCrawl({ date: dateLimit || '', time: timeLimit || '', maid: maimaiMaid || '' })">
                         <div class="p-1 rounded-full bg-white dark:bg-gray-800" aria-label="rocket" role="img">
                             <svg
-                                xmlns="http://www.w3.org/2000/svg" style="width: 2.8vmin;" viewBox="-4 -4 32 32"
+                                xmlns="http://www.w3.org/2000/svg" class="footer-icon" viewBox="-4 -4 32 32"
                                 fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                 stroke-linejoin="round" aria-hidden="true"
                             >
@@ -115,7 +115,7 @@ const maimaiVersion = computed(() => {
                     <NuxtLink to="/preference">
                         <div class="p-1 rounded-full bg-white dark:bg-gray-800" aria-label="settings" role="img">
                             <svg
-                                xmlns="http://www.w3.org/2000/svg" style="width: 2.8vmin;" viewBox="-4 -4 32 32"
+                                xmlns="http://www.w3.org/2000/svg" class="footer-icon" viewBox="-4 -4 32 32"
                                 fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                 stroke-linejoin="round" aria-hidden="true"
                             >
@@ -152,7 +152,7 @@ const maimaiVersion = computed(() => {
 }
 
 .footer-widget {
-    width: 85%;
+    width: 80%;
     padding-left: 3%;
     padding-right: 3%;
 }
@@ -162,6 +162,10 @@ const maimaiVersion = computed(() => {
     line-height: 120%;
 }
 
+.footer-icon {
+    width: clamp(2dvh, 4dvw, 3vmin);;
+}
+
 .qr-front {
     bottom: 7%;
     right: 1%;

app/pages/preference.vue

@@ -159,37 +159,37 @@ function goToPrev() {
                 <section class="rounded-box border border-base-200 bg-base-100 p-4 shadow-sm">
                     <div class="flex flex-wrap items-center gap-4">
                         <div class="avatar">
-                            <div class="w-16 rounded-full border border-base-200">
+                            <div class="w-10 rounded-full border border-base-200">
                                 <img src="../assets/icons/logo.webp">
                             </div>
                         </div>
                         <div class="flex-1">
-                            <p class="text-lg font-semibold">
+                            <p class="text-md font-semibold">
                                 {{ user?.username }}
                             </p>
-                            <p class="text-sm text-base-content/70">
+                            <p class="text-xs text-base-content/70">
                                 {{ user?.email }}
                             </p>
                         </div>
-                        <div class="flex items-center gap-2">
+                        <div class="flex items-center gap-1">
                             <button class="btn btn-outline btn-sm" type="button" :disabled="!loggedIn" @click="handleLogout">
-                                <span>退出登录</span>
+                                <span>登出</span>
                             </button>
-                            <div class="dropdown dropdown-end">
-                                <div tabindex="0" role="button" class="btn btn-ghost btn-sm">
+                            <details class="dropdown">
+                                <summary class="btn btn-ghost btn-sm">
                                     <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                         <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h.01M12 12h.01M19 12h.01" />
                                     </svg>
-                                </div>
-                                <ul tabindex="0" class="dropdown-content menu menu-sm bg-base-100 rounded-box border border-base-200 z-10 w-48 p-2 shadow">
+                                </summary>
+                                <ul class="menu dropdown-content bg-base-300 rounded-box z-1 w-52 p-2 shadow-sm">
                                     <li>
                                         <NuxtLink class="justify-between" to="/auth/merge">
                                             合并账户
                                             <span class="badge badge-outline badge-xs">Beta</span>
                                         </NuxtLink>
                                     </li>
                                 </ul>
-                            </div>
+                            </details>
                         </div>
                     </div>
                 </section>

server/api/[...leporid].ts

@@ -44,10 +44,9 @@ export default defineEventHandler(async (event) => {
     {
         const method = event.node?.req?.method ?? 'UNKNOWN'
         const userId = session?.user?.username ?? 'anonymous'
+        const safeUrl = event.node.req.url?.split('?')[0] ?? ''
 
-        console.info(
-            `[proxy] ${new Date().toISOString()} ${method} ${event.node.req.url} -> ${proxyUrl} user=${userId}`,
-        )
+        console.info(`[proxy] ${new Date().toISOString()} ${method} ${safeUrl} -> ${proxyUrl} user=${userId}`)
     }
 
     return proxyRequest(event, target, { headers })

server/api/otoge/[...otoge].ts

@@ -8,10 +8,9 @@ export default defineEventHandler(async (event) => {
 
     {
         const method = event.node?.req?.method ?? 'UNKNOWN'
+        const safeUrl = event.node.req.url?.split('?')[0] ?? ''
 
-        console.info(
-            `[proxy] ${new Date().toISOString()} ${method} ${event.node.req.url} -> ${proxyUrl}`,
-        )
+        console.info(`[proxy] ${new Date().toISOString()} ${method} ${safeUrl} -> ${proxyUrl}`)
     }
 
     return proxyRequest(event, target)

server/plugins/mitmproxy.ts

@@ -91,6 +91,5 @@ export default defineNitroPlugin((_nitroApp) => {
         }
     })
 
-    console.log(`Starting mitmproxy on ${config.mitmproxy.listenHost}:${config.mitmproxy.listenPort}`)
     proxy.listen({ port: config.mitmproxy.listenPort, host: config.mitmproxy.listenHost })
 })