chore(UI): make UI better

Author: ngyngcphu

components/app/UserAvatar.vue

@@ -44,8 +44,11 @@ const { hasPermission, hasRole } = usePermission();
           </div>
         </div>
 
-        <DropdownMenuItem v-if="hasRole(['student', 'teacher'])" as-child>
-          <UserQrButton class="w-full h-auto px-2 hover:bg-transparent" />
+        <DropdownMenuItem
+          v-if="hasRole(['student', 'teacher'])"
+          class="cursor-pointer"
+        >
+          <UserQrButton class="w-full h-auto" />
         </DropdownMenuItem>
 
         <NuxtLink

components/app/UserQrButton.vue

@@ -17,10 +17,7 @@ function handleClick() {
 </script>
 
 <template>
-  <button
-    @click="handleClick"
-    class="cursor-pointer h-16 px-2.5 sm:px-5 hover:bg-primary-darker flex items-center"
-  >
+  <button @click="handleClick" class="cursor-pointer h-40 flex items-center text-md">
     <Icon aria-hidden name="i-heroicons-qr-code" class="mr-1.5" />
     QR của tôi
   </button>

pages/qr.vue

@@ -210,7 +210,7 @@ function shareQR() {
             <span v-if="!isMobile">Chia sẻ</span>
           </Button>
         </div>
-        <Button variant="outline" @click="$router.back()">
+        <Button variant="outline" @click="$router.push('/')">
           <ArrowLeft class="h-4 w-4 mr-2" />
           Quay lại
         </Button>