MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

update transitions to match modal component

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"