chore: fix style details cursor size

components/common/SearchRecipe.vue

@@ -44,7 +44,7 @@ const filteredRecipes = computedAsync(async () => {
         leave-from="opacity-100"
         leave-to="opacity-0"
       >
-        <div class="fixed inset-0" />
+        <div class="fixed inset-0 bg-black/10" />
       </TransitionChild>
 
       <div class="fixed inset-0 overflow-y-auto">
@@ -62,7 +62,7 @@ const filteredRecipes = computedAsync(async () => {
           >
             <DialogPanel
               class="h-full max-w-xl w-full transform overflow-hidden bg-white p-4 text-left align-middle shadow-xl transition-all dark:bg-dark-600"
-              md="mt-4 rounded-2xl"
+              md="rounded-2xl"
               overflow="auto"
               flex="~ col"
             >
@@ -89,7 +89,7 @@ const filteredRecipes = computedAsync(async () => {
                     @click="keyword = ''"
                   />
                 </div>
-                <div ml-2 inline-flex op="70" text-base @click="closeModal">
+                <div op="70" ml-2 inline-flex cursor-pointer text-base @click="closeModal">
                   取消
                 </div>
               </DialogTitle>

pages/user.vue

@@ -8,17 +8,17 @@ import { links } from '~/constants'
       我的
     </CommonHeader>
 
-    <div mt-4 gap="3" grid="~ cols-3" px-2>
-      <YlfIconItem to="/recipes/history" icon="i-ri-history-line" label="历史记录" />
-      <YlfIconItem to="/recipes/collect" icon="i-ri-star-line" label="我的收藏" />
-      <YlfIconItem to="/cookbooks" icon="i-ri-article-line" label="自定义菜谱" />
-    </div>
-
     <div
       class="mx-auto max-w-md w-full"
       px-2
       text-left
     >
+      <div mt-2 gap="3" grid="~ cols-3">
+        <YlfIconItem to="/recipes/history" icon="i-ri-history-line" label="历史记录" />
+        <YlfIconItem to="/recipes/collect" icon="i-ri-star-line" label="我的收藏" />
+        <YlfIconItem to="/cookbooks" icon="i-ri-article-line" label="自定义菜谱" />
+      </div>
+
       <YlfForm>
         <YlfFormItem icon="i-ri-feedback-line" label="立即反馈" :to="links.feedback" target="_blank" />
         <YlfFormItem icon="i-ri-mail-send-line" label="立即投稿" :to="links.contribute" target="_blank" />