perubahan untuk
This commit is contained in:
parent
3e99085ea2
commit
19134918ac
@ -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>
|
||||||
|
|||||||
@ -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">
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user