style: Mobile Styles

nuxt/components/dashboard/BookInfoCard.vue

@@ -17,12 +17,12 @@ const dayjs = useDayjs()
       <div class="hidden w-1/5 md:block">
         <img :src="$storage(props.book.cover_image)" :alt="props.book.book_name" class="rounded-lg">
       </div>
-      <div class="w-4/5 space-y-4">
+      <div class="w-full space-y-4 md:w-4/5">
         <div class="space-y-2">
           <h1 class="font-sans text-3xl font-bold">
             {{ props.book.book_name }}
           </h1>
-          <div class="flex justify-between">
+          <div class="flex flex-col flex-wrap gap-y-2 md:flex-row md:justify-between">
             <div>
               <UBadge>
                 {{ props.book.author }}