vikunja/frontend
Archived
6
39
Fork 49
Code Issues 1 Pull Requests 4 Projects Releases 26 Activity

fix: make message component work on non-white backgrounds

Browse Source
This commit is contained in:
kolaente 2021-11-28 15:35:40 +01:00
parent 0a89421189
commit bc023d25ea
Signed by: konrad
GPG Key ID: F40E70337AB24C9B
1 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/misc/message.vue
View File

@ -1,7 +1,9 @@
<template> <template>
<div class="message-wrapper">
<div class="message" :class="variant"> <div class="message" :class="variant">
<slot/> <slot/>
</div> </div>
</div>
</template> </template>
<script setup> <script setup>
@ -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;