092fb2e083
Some checks failed
Lock Threads / action (push) Has been cancelled
Mark stale issues and pull requests / stale (push) Has been cancelled
Publish Chatwoot EE docker images / build (linux/amd64, ubuntu-latest) (push) Has been cancelled
Publish Chatwoot EE docker images / build (linux/arm64, ubuntu-22.04-arm) (push) Has been cancelled
Publish Chatwoot EE docker images / merge (push) Has been cancelled
Publish Chatwoot CE docker images / build (linux/amd64, ubuntu-latest) (push) Has been cancelled
Publish Chatwoot CE docker images / build (linux/arm64, ubuntu-22.04-arm) (push) Has been cancelled
Publish Chatwoot CE docker images / merge (push) Has been cancelled
Run Chatwoot CE spec / lint-backend (push) Has been cancelled
Run Chatwoot CE spec / lint-frontend (push) Has been cancelled
Run Chatwoot CE spec / frontend-tests (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (0, 16) (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (1, 16) (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (10, 16) (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (11, 16) (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (12, 16) (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (13, 16) (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (14, 16) (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (15, 16) (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (2, 16) (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (3, 16) (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (4, 16) (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (5, 16) (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (6, 16) (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (7, 16) (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (8, 16) (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (9, 16) (push) Has been cancelled
Run Linux nightly installer / nightly (push) Has been cancelled
- Add Logistics component with progress tracking - Add OrderDetail component for order information - Support data-driven steps and actions - Add blue color scale to widget SCSS - Fix node overflow and progress bar rendering issues - Add English translations for dashboard components Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
104 lines
2.1 KiB
Vue
104 lines
2.1 KiB
Vue
<script setup>
|
|
import NextButton from 'dashboard/components-next/button/Button.vue';
|
|
|
|
const emit = defineEmits(['open']);
|
|
|
|
const onClick = () => {
|
|
emit('open');
|
|
};
|
|
</script>
|
|
|
|
<template>
|
|
<div class="relative">
|
|
<NextButton
|
|
class="cta-btn cta-btn-light dark:cta-btn-dark hover:cta-btn-light-hover dark:hover:cta-btn-dark-hover"
|
|
:label="$t('INTEGRATION_SETTINGS.OPEN_AI.AI_ASSIST')"
|
|
icon="i-ph-magic-wand"
|
|
sm
|
|
@click="onClick"
|
|
/>
|
|
|
|
<div
|
|
class="radar-ping-animation absolute top-0 right-0 -mt-1 -mr-1 rounded-full w-3 h-3 bg-n-brand"
|
|
/>
|
|
<div
|
|
class="absolute top-0 right-0 -mt-1 -mr-1 rounded-full w-3 h-3 bg-n-brand opacity-50"
|
|
/>
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped>
|
|
@tailwind components;
|
|
|
|
@layer components {
|
|
/* Gradient animation */
|
|
@keyframes gradient {
|
|
0% {
|
|
background-position: 0% 50%;
|
|
}
|
|
|
|
50% {
|
|
background-position: 100% 50%;
|
|
}
|
|
|
|
100% {
|
|
background-position: 0% 50%;
|
|
}
|
|
}
|
|
|
|
.cta-btn {
|
|
animation: gradient 5s ease infinite;
|
|
@apply text-n-slate-12 border-0 text-xs;
|
|
}
|
|
|
|
.cta-btn-light {
|
|
background: linear-gradient(
|
|
255.98deg,
|
|
rgba(161, 87, 246, 0.2) 15.83%,
|
|
rgba(71, 145, 247, 0.2) 81.39%
|
|
),
|
|
linear-gradient(0deg, #f2f5f8, #f2f5f8);
|
|
}
|
|
|
|
.cta-btn-dark {
|
|
background: linear-gradient(
|
|
255.98deg,
|
|
rgba(161, 87, 246, 0.2) 15.83%,
|
|
rgba(71, 145, 247, 0.2) 81.39%
|
|
),
|
|
linear-gradient(0deg, #313538, #313538);
|
|
}
|
|
|
|
.cta-btn-light-hover {
|
|
background: linear-gradient(
|
|
255.98deg,
|
|
rgba(161, 87, 246, 0.2) 15.83%,
|
|
rgba(71, 145, 247, 0.2) 81.39%
|
|
),
|
|
linear-gradient(0deg, #e3e5e7, #e3e5e7);
|
|
}
|
|
|
|
.cta-btn-dark-hover {
|
|
background: linear-gradient(
|
|
255.98deg,
|
|
rgba(161, 87, 246, 0.2) 15.83%,
|
|
rgba(71, 145, 247, 0.2) 81.39%
|
|
),
|
|
linear-gradient(0deg, #202425, #202425);
|
|
}
|
|
|
|
/* Radar ping animation */
|
|
@keyframes ping {
|
|
75%,
|
|
100% {
|
|
transform: scale(2);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
.radar-ping-animation {
|
|
animation: ping 1s ease infinite;
|
|
}
|
|
}
|
|
</style>
|