Mamalizz
26 lines
503 B
Vue
26 lines
503 B
Vue
<script setup lang="ts">
|
|
// types
|
|
|
|
type Props = {
|
|
is_user: boolean;
|
|
};
|
|
|
|
// props
|
|
|
|
defineProps<Props>();
|
|
</script>
|
|
|
|
<template>
|
|
<div
|
|
class="w-full flex items-center"
|
|
:class="is_user ? 'justify-start' : 'justify-end'"
|
|
>
|
|
<Skeleton
|
|
class="!w-full lg:!w-1/2 !h-32 border border-slate-200 !rounded-xl p-5 flex items-start"
|
|
:class="is_user ? '!rounded-br-none' : '!rounded-bl-none'"
|
|
></Skeleton>
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped></style>
|