adds close button to feedback form component
This commit is contained in:
parent
030571497b
commit
a6814091b1
|
@ -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;
|
||||
|
|
Loading…
Reference in New Issue