fix: prevent layout shift for achievements

sifferhans · sifferhans · commit 981ab80daf5d · 2025-12-12T10:20:33.000+01:00
diff --git a/frontend/app/components/achievements/AchievementBadge.vue b/frontend/app/components/achievements/AchievementBadge.vue
@@ -29,7 +29,7 @@ watch(open, (isOpen) => {
       "
     >
       <button
-        class="grid aspect-square place-items-center overflow-hidden rounded-full"
+        class="grid aspect-square size-full place-items-center overflow-hidden rounded-full"
       >
         <img
           v-if="achievement.imageCompleted && achievement.achievedAt != null"

Original file line number	Diff line number	Diff line change
`@@ -29,7 +29,7 @@ watch(open, (isOpen) => {`
`29`	`29`	`"`
`30`	`30`	`>`
`31`	`31`	`<button`
`32`		`- class="grid aspect-square place-items-center overflow-hidden rounded-full"`
	`32`	`+ class="grid aspect-square size-full place-items-center overflow-hidden rounded-full"`
`33`	`33`	`>`
`34`	`34`	`<img`
`35`	`35`	`v-if="achievement.imageCompleted && achievement.achievedAt != null"`