fix(profile): fix avatar size (#115)

Author: fu050409

.changes/fix-avatar-size.md

@@ -0,0 +1,5 @@
+---
+"algohub": patch:fix
+---
+
+Fix avatar size is invalid in user profile page if user avatar is not uploaded.

.github/workflows/covector-version-or-publish.yml

@@ -158,6 +158,8 @@ jobs:
           cache: "pnpm"
       - name: Install dependencies
         run: pnpm install
+      - name: Install Makepkg
+        run: sudo apt-get update && sudo apt-get install -y makepkg
       - name: Publish to AUR
         run: pnpm publish:aur --version ${{ needs.version-or-publish.outputs.version }}
         env:

src-tauri/Cargo.lock

@@ -139,14 +139,14 @@ const onSaveProfile = async ({ states }: { states: Form<Profile> }) => {
                 <TabPanel :value="tab" as="div" class="h-full w-full flex justify-center mx-auto">
                     <div class="w-full max-w-[1200px] flex flex-col md:flex-row my-[2em] gap-6 mx-8">
                         <div v-if="!loading && profile" class="flex flex-col h-full md:w-[18em]">
-                            <div class="flex w-full flex-row md:flex-col gap-4 sm:gap-1">
+                            <div class="flex w-full flex-row md:flex-col gap-4">
                                 <div class="flex-shrink-0 w-[8em] md:w-[18em]">
                                     <img v-if="profile?.avatar"
                                         class="rounded-full border-[2px] border-zinc-300 dark:border-zinc-700"
-                                        :src="expandAssetUrl(profile.avatar)"></img>
-                                    <Avatar v-else pt:label:class="text-4xl sm:text-9xl"
-                                        :label="(profile?.nickname ?? '?')[0]"
-                                        class="!rounded-full border-[2px] border-zinc-300 dark:border-zinc-700">
+                                        :src="expandAssetUrl(profile.avatar!)"></img>
+                                    <Avatar v-else pt:root:class="!w-[8em] md:!w-[18em] !h-[8em] md:!h-[18em]"
+                                        pt:label:class="text-4xl md:text-9xl" :label="(profile?.nickname ?? '?')[0]"
+                                        shape="circle" class="border-[2px] border-zinc-300 dark:border-zinc-700">
                                     </Avatar>
                                 </div>
                                 <div v-if="!editingProfile" class="flex items-start justify-center gap-1 flex-col">