fix: close button hitbox (#6078)
This commit is contained in:
@@ -22,7 +22,7 @@
|
|||||||
hover-color-fill="background"
|
hover-color-fill="background"
|
||||||
circular
|
circular
|
||||||
>
|
>
|
||||||
<button class="relative expanded-button" @click="handleClose">
|
<button class="relative expanded-button close-button" @click="handleClose">
|
||||||
<XIcon />
|
<XIcon />
|
||||||
</button>
|
</button>
|
||||||
</ButtonStyled>
|
</ButtonStyled>
|
||||||
@@ -82,8 +82,12 @@ const handleClose = async () => {
|
|||||||
</script>
|
</script>
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.expanded-button::before {
|
.expanded-button::before {
|
||||||
inset: -6px;
|
inset: -9px -6px;
|
||||||
content: '';
|
content: '';
|
||||||
position: absolute;
|
position: absolute;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.expanded-button.close-button::before {
|
||||||
|
inset: -9px -9px -9px -6px;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user