CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-07-05 06:20:55 +12:00
Code Issues Projects Releases Wiki Activity

update transitions to match modal component

Browse source
This commit is contained in:
Keviin Åberg Kultalahti 2021-07-21 13:13:36 +02:00
parent b22b987ea8
commit 030571497b
1 changed files with 11 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
packages/builder/src/components/feedback/NPSFeedbackForm.svelte
View file

@ -1,7 +1,7 @@
<script> <script>
import analytics from "analytics" import analytics from "analytics"
import { createEventDispatcher } from "svelte" import { createEventDispatcher } from "svelte"
import { fly } from "svelte/transition" import { fade, fly } from "svelte/transition"
import { import {
ActionButton, ActionButton,
RadioGroup, RadioGroup,
@ -49,8 +49,16 @@
} }
</script> </script>
<div class="position"> <div
<div class="feedback-frame" transition:fly> class="position"
in:fade={{ duration: 200 }}
out:fade|local={{ duration: 200 }}
>
<div
class="feedback-frame"
in:fly={{ y: 30, duration: 200 }}
out:fly|local={{ y: 30, duration: 200 }}
>
<Layout gap="XS"> <Layout gap="XS">
{#if step === 0} {#if step === 0}
<Heading size="XS" <Heading size="XS"