feat: move padding to terminal bubble

This commit is contained in:
Shivam Mishra
2024-11-27 19:04:52 +05:30
parent a1479590e7
commit 230279cafe
3 changed files with 9 additions and 10 deletions
@@ -10,7 +10,7 @@ defineProps({
</script>
<template>
<BaseBubble>
<BaseBubble class="px-2 py-0.5">
<span v-html="content" />
</BaseBubble>
</template>
@@ -6,14 +6,13 @@ import { MESSAGE_VARIANTS } from '../constants';
const { variant, orientation } = useMessageContext();
const varaintBaseMap = {
[MESSAGE_VARIANTS.AGENT]: 'bg-n-solid-blue p-3 text-n-slate-12',
[MESSAGE_VARIANTS.PRIVATE]: 'bg-n-solid-amber p-3 text-n-amber-12',
[MESSAGE_VARIANTS.USER]: 'bg-n-slate-4 p-3 text-n-slate-12',
[MESSAGE_VARIANTS.ACTIVITY]:
'bg-n-alpha-1 px-2 py-0.5 text-n-slate-11 text-sm',
[MESSAGE_VARIANTS.BOT]: 'bg-n-teal-5 p-3 text-n-slate-12',
[MESSAGE_VARIANTS.TEMPLATE]: 'bg-n-teal-5 p-3 text-n-slate-12',
[MESSAGE_VARIANTS.ERROR]: 'bg-n-ruby-4 p-3 text-n-ruby-12',
[MESSAGE_VARIANTS.AGENT]: 'bg-n-solid-blue text-n-slate-12',
[MESSAGE_VARIANTS.PRIVATE]: 'bg-n-solid-amber text-n-amber-12',
[MESSAGE_VARIANTS.USER]: 'bg-n-slate-4 text-n-slate-12',
[MESSAGE_VARIANTS.ACTIVITY]: 'bg-n-alpha-1 text-n-slate-11 text-sm',
[MESSAGE_VARIANTS.BOT]: 'bg-n-teal-5 text-n-slate-12',
[MESSAGE_VARIANTS.TEMPLATE]: 'bg-n-teal-5 text-n-slate-12',
[MESSAGE_VARIANTS.ERROR]: 'bg-n-ruby-4 text-n-ruby-12',
};
const orientationMap = {
@@ -24,7 +24,7 @@ const formattedContent = computed(() => {
</script>
<template>
<BaseBubble>
<BaseBubble class="p-3">
<span v-html="formattedContent" />
</BaseBubble>
</template>