diff --git a/client/src/components/CollectQuote.vue b/client/src/components/CollectQuote.vue
index 03a87f6..629cf89 100644
--- a/client/src/components/CollectQuote.vue
+++ b/client/src/components/CollectQuote.vue
@@ -9,11 +9,14 @@
@@ -25,7 +28,10 @@ export default {
methods: {
save() {
this.$nuxt.$emit('save-quote', this.quote)
- }
+ },
+ close() {
+ this.$nuxt.$emit('close-quote')
+ },
},
}
@@ -92,10 +98,37 @@ export default {
&__textinput {
width: 100%;
+ height: 8em;
+ }
+
+ &__button-close {
+ align-self: flex-end;
+ width: 48px;
+ height: 48px;
+ margin: 2px;
+ padding: 10px;
+ background: none;
+ border: 0;
+ font-size: 24px;
+ color: #ffffff;
+ cursor: pointer;
+
+ &:hover {
+ background-color: #6040a0;
+ border-radius: 16px;
+ }
+ }
+
+ &__cta-container {
+ position: relative;
+ width: 100%;
+ height: 100%;
}
&__cta {
- align-self: flex-end;
+ position: absolute;
+ right: 0;
+ bottom: 0;
margin: 48px;
background-color: #40a020;
width: 80px;
@@ -105,6 +138,7 @@ export default {
color: #ffff80;
font-family: Dosis;
font-size: 24px;
+ cursor: pointer;
&:hover {
background-color: #60c040;
diff --git a/client/src/components/CollectQuotes.vue b/client/src/components/CollectQuotes.vue
index f3b85ba..ef3f2f7 100644
--- a/client/src/components/CollectQuotes.vue
+++ b/client/src/components/CollectQuotes.vue
@@ -21,6 +21,10 @@ export default {
},
},
created() {
+ this.$nuxt.$on('close-quote', () => {
+ this.showCollectQuoteDialog = false
+ })
+
this.$nuxt.$on('edit-quote', (quote) => {
this.showCollectQuoteDialog = true
this.collectQuote = {