Update Ask.vue

components/i/search/Ask.vue

 <template>
-    <div class="flex w-full">
+    <div class="flex w-full justify-center">
         <UCard
-            class="has-[:focus]:ring-2 has-[:focus]:ring-green-500 dark:has-[:focus]:ring-green-400"
+            class="hover:ring-2 has-[:focus]:ring-2 has-[:focus]:ring-green-500 dark:has-[:focus]:ring-green-400"
             :ui="cardUI"
         >
             <UTextarea
@@ -54,7 +54,7 @@ const cardUI = {
         padding: '',
         base: 'flex items-end has-[textarea[rows="1"]]:items-center pl-4 pr-1 py-1 gap-2'
     },
-    base: 'w-full',
+    base: 'transition-all w-3/5 has-[:focus]:w-full',
     rounded: 'rounded has-[textarea[rows="1"]]:rounded-full'
 }
 defineShortcuts({