mirror of
https://github.com/lingble/chatwoot.git
synced 2025-11-02 03:57:52 +00:00
7fd8b4d03a
Porting changes from https://github.com/chatwoot/chatwoot/pull/10552 --------- Co-authored-by: Pranav <pranav@chatwoot.com> Co-authored-by: Sivin Varghese <64252451+iamsivin@users.noreply.github.com> Co-authored-by: Vishnu Narayanan <vishnu@chatwoot.com> Co-authored-by: Sojan <sojan@pepalo.com> Co-authored-by: iamsivin <iamsivin@gmail.com> Co-authored-by: Pranav <pranavrajs@gmail.com>
36 lines
704 B
Vue
36 lines
704 B
Vue
<script setup>
|
|
defineProps({
|
|
shrink: {
|
|
type: Boolean,
|
|
default: false,
|
|
},
|
|
});
|
|
|
|
defineEmits(['expand']);
|
|
</script>
|
|
|
|
<template>
|
|
<div>
|
|
<div
|
|
:class="{
|
|
'max-h-[100px] overflow-hidden relative': shrink,
|
|
}"
|
|
>
|
|
<slot />
|
|
<div
|
|
class="bg-n-slate-3 rounded-md dark:bg-n-solid-3 absolute left-0 right-0 z-20 mx-auto mt-0 max-w-max bottom-2 backdrop-blur[100px]"
|
|
>
|
|
<woot-button
|
|
v-if="shrink"
|
|
size="tiny"
|
|
variant="smooth"
|
|
color-scheme="primary"
|
|
@click.prevent="$emit('expand')"
|
|
>
|
|
{{ $t('SEARCH.READ_MORE') }}
|
|
</woot-button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|