perubahan untuk

This commit is contained in:
='fauz 2025-10-03 14:00:59 +07:00
parent 3e99085ea2
commit 19134918ac
2 changed files with 12 additions and 2 deletions

View File

@ -38,7 +38,8 @@
<img <img
:src="selectedCharacter.img" :src="selectedCharacter.img"
:alt="selectedCharacter.name" :alt="selectedCharacter.name"
class="w-40 h-60 object-contain relative z-30 pb-16" class="w-40 h-60 object-contain relative z-30"
:class="screenWidth <= 400 ? 'pb-16' : 'pb-14'"
/> />
</div> </div>
@ -121,7 +122,16 @@ export default {
profileListSelected(profile) { profileListSelected(profile) {
this.selectedProfile = profile; this.selectedProfile = profile;
this.showModal = false; this.showModal = false;
},
handleResize() {
this.screenWidth = window.innerWidth;
} }
}, },
mounted() {
window.addEventListener("resize", this.handleResize);
},
beforeUnmount() {
window.removeEventListener("resize", this.handleResize);
},
}; };
</script> </script>

View File

@ -42,7 +42,7 @@
<img <img
:src="selectedCharacter.img" :src="selectedCharacter.img"
:alt="selectedCharacter.name" :alt="selectedCharacter.name"
class="w-40 h-60 object-contain relative z-30 pb-16" class="w-40 h-60 object-contain relative z-30 pb-12"
/> />
</div> </div>
<div class="flex flex-row items-start justify-between gap-12 w-full pt-5 absolute bottom-2 left-2 pr-5"> <div class="flex flex-row items-start justify-between gap-12 w-full pt-5 absolute bottom-2 left-2 pr-5">