adds close button to feedback form component

This commit is contained in:
Keviin Åberg Kultalahti 2021-07-22 12:07:38 +02:00
parent 7755a0092c
commit 7f89d3c357
1 changed files with 14 additions and 0 deletions

View File

@ -4,6 +4,7 @@
import { fade, fly } from "svelte/transition"
import {
ActionButton,
ClearButton,
RadioGroup,
TextArea,
ButtonGroup,
@ -47,6 +48,11 @@
dispatch("submitted")
}
function cancelFeedback() {
document.cookie = "feedbackSubmitted=true"
dispatch("submitted")
}
</script>
<div
@ -59,6 +65,9 @@
in:fly={{ y: 30, duration: 200 }}
out:fly|local={{ y: 30, duration: 200 }}
>
<div class="close">
<ClearButton on:click={cancelFeedback} />
</div>
<Layout gap="XS">
{#if step === 0}
<Heading size="XS"
@ -138,6 +147,11 @@
display: flex;
justify-content: space-between;
}
.close {
position: absolute;
top: 0;
right: 0;
}
.footer {
display: flex;
justify-content: space-between;