mirror of
https://github.com/abhinavxd/libredesk.git
synced 2026-09-10 14:15:42 +00:00
Abhinav Raut
b8b2b6c9af
Design system: - add semantic success and warning tokens (light + dark) and wire them into Tailwind - move all hardcoded status colors (green/amber/red) onto tokens across main app and widget; keep file-type icons as identity colors - give light mode real surface depth: gray chrome sidebars vs white content, deeper canvas gutter, crisper borders, wider gray spread so selected/hover states show - unify radius (cards rounded-lg, controls rounded-md) and elevation (card shadow-sm, menu shadow-md) - make reports overview colors uniform: neutral numbers, green met / red breached - normalize the two page-title heading outliers to text-xl font-semibold Form fixes: - require content on AI snippets - only include non-checkbox prechat fields when they have a value AI context: - skip continuity and CSAT messages in AI history, mining, and previous-conversation tools
43 lines
1.2 KiB
Vue
43 lines
1.2 KiB
Vue
<template>
|
|
<Transition
|
|
enter-active-class="transition ease-out duration-200"
|
|
enter-from-class="opacity-0 translate-y-1"
|
|
enter-to-class="opacity-100 translate-y-0"
|
|
leave-active-class="transition ease-in duration-150"
|
|
leave-from-class="opacity-100 translate-y-0"
|
|
leave-to-class="opacity-0 translate-y-1"
|
|
>
|
|
<div v-show="!isAtBottom" class="absolute bottom-5 right-6 z-10">
|
|
<button
|
|
@click="$emit('scroll-to-bottom')"
|
|
class="w-10 h-10 rounded-full flex items-center justify-center shadow-lg border bg-background text-primary transition-colors duration-200 hover:bg-accent"
|
|
>
|
|
<ChevronDown class="w-4 h-4" />
|
|
</button>
|
|
<span
|
|
v-if="unreadCount > 0"
|
|
class="absolute -top-1 -right-1 min-w-[20px] h-5 px-1.5 rounded-full bg-primary text-primary-foreground text-xs font-medium flex items-center justify-center"
|
|
>
|
|
{{ unreadCount }}
|
|
</span>
|
|
</div>
|
|
</Transition>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { ChevronDown } from 'lucide-vue-next'
|
|
|
|
defineProps({
|
|
isAtBottom: {
|
|
type: Boolean,
|
|
required: true
|
|
},
|
|
unreadCount: {
|
|
type: Number,
|
|
default: 0
|
|
}
|
|
})
|
|
|
|
defineEmits(['scroll-to-bottom'])
|
|
</script>
|