update

Author: AmirSa12

packages/app/app/components/BadgeGenerator.vue

@@ -21,11 +21,12 @@ function copyBadgeCode() {
 </script>
 
 <template>
-  <div class="inline-flex items-center gap-1">
+  <div class="flex items-center justify-center gap-1">
     <img
       :src="badgeUrl"
       :alt="`${repo} badge`"
-      class="h-[20px] min-w-[100px] max-w-[300px]"
+      class="h-5"
+      style="max-width: 300px; width: auto"
     />
 
     <UButton
@@ -34,7 +35,7 @@ function copyBadgeCode() {
       color="gray"
       :icon="copied ? 'i-ph-check-bold' : 'i-ph-copy'"
       variant="ghost"
-      class="!p-1"
+      class="!p-1 flex-shrink-0"
     />
   </div>
 </template>

packages/app/app/pages/~/[owner]/[repo].vue

@@ -80,7 +80,7 @@ useSeoMeta({
       </div>
 
       <div class="flex flex-col items-center justify-center mt-2">
-        <p class="text-sm mb-[10px]">
+        <p class="text-sm mb-2">
           You can copy the badge and put in your README!
         </p>
         <BadgeGenerator