mirror of
https://github.com/lingble/chatwoot.git
synced 2025-11-01 03:27:52 +00:00
891404aaf1
# Pull Request Template ## Description This PR includes new animating SVG for Captain pages ## Type of change - [x] New feature (non-breaking change which adds functionality) ###Screencast https://github.com/user-attachments/assets/181470d4-2ac7-4056-83bb-7371ba214b6f ## Checklist: - [x] My code follows the style guidelines of this project - [x] I have performed a self-review of my code - [ ] I have commented on my code, particularly in hard-to-understand areas - [ ] I have made corresponding changes to the documentation - [x] My changes generate no new warnings - [ ] I have added tests that prove my fix is effective or that my feature works - [x] New and existing unit tests pass locally with my changes - [ ] Any dependent changes have been merged and published in downstream modules --------- Co-authored-by: Muhsin Keloth <muhsinkeramam@gmail.com>
35 lines
974 B
Vue
35 lines
974 B
Vue
<script setup>
|
|
import Guardrails from './Guardrails.vue';
|
|
import Scenarios from './Scenarios.vue';
|
|
import ResponseGuidelines from './ResponseGuidelines.vue';
|
|
import Settings from './Settings.vue';
|
|
</script>
|
|
|
|
<template>
|
|
<Story
|
|
title="Captain/AnimatingImg/AnimatingImg"
|
|
:layout="{ type: 'grid', width: '300px' }"
|
|
>
|
|
<Variant title="Guardrails">
|
|
<div class="p-4 bg-n-background w-full h-full">
|
|
<Guardrails class="size-60" />
|
|
</div>
|
|
</Variant>
|
|
<Variant title="Scenarios">
|
|
<div class="p-4 bg-n-background w-full h-full">
|
|
<Scenarios class="size-60" />
|
|
</div>
|
|
</Variant>
|
|
<Variant title="ResponseGuidelines">
|
|
<div class="p-4 bg-n-background w-full h-full">
|
|
<ResponseGuidelines class="size-60" />
|
|
</div>
|
|
</Variant>
|
|
<Variant title="Settings">
|
|
<div class="p-4 bg-n-background w-full h-full">
|
|
<Settings class="size-60" />
|
|
</div>
|
|
</Variant>
|
|
</Story>
|
|
</template>
|