fix: make message component work on non-white backgrounds
This commit is contained in:
parent
0a89421189
commit
bc023d25ea
|
@ -1,6 +1,8 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="message" :class="variant">
|
<div class="message-wrapper">
|
||||||
<slot/>
|
<div class="message" :class="variant">
|
||||||
|
<slot/>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
@ -14,6 +16,12 @@ defineProps({
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
.message-wrapper {
|
||||||
|
border-radius: $radius;
|
||||||
|
background: var(--white);
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
.message {
|
.message {
|
||||||
padding: .75rem 1rem;
|
padding: .75rem 1rem;
|
||||||
border-radius: $radius;
|
border-radius: $radius;
|
||||||
|
|
Reference in New Issue
Block a user