formatting
This commit is contained in:
parent
ad89f51fb2
commit
c14f6be397
@ -72,7 +72,11 @@ async function handleSubmit(type?: string) {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="button-container">
|
<div class="button-container">
|
||||||
<button v-for="item in feedbackOptions" :key="item.value" class="btn" @click="handleSubmit(item.value)">
|
<button
|
||||||
|
v-for="item in feedbackOptions"
|
||||||
|
:key="item.value"
|
||||||
|
class="btn"
|
||||||
|
@click="handleSubmit(item.value)">
|
||||||
<span>{{ item.label }}</span>
|
<span>{{ item.label }}</span>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
@ -82,7 +86,10 @@ async function handleSubmit(type?: string) {
|
|||||||
<p class="desc">The wiki is...</p>
|
<p class="desc">The wiki is...</p>
|
||||||
<div>
|
<div>
|
||||||
<span>{{ getFeedbackOption(feedback.feedbackType)?.label }}</span>
|
<span>{{ getFeedbackOption(feedback.feedbackType)?.label }}</span>
|
||||||
<button style="margin-left: 0.5rem" class="btn" @click="feedback.feedbackType = undefined">
|
<button
|
||||||
|
style="margin-left: 0.5rem"
|
||||||
|
class="btn"
|
||||||
|
@click="feedback.feedbackType = undefined">
|
||||||
<span class="i-carbon-close">close</span>
|
<span class="i-carbon-close">close</span>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
@ -100,7 +107,7 @@ async function handleSubmit(type?: string) {
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.step>*+* {
|
.step > * + * {
|
||||||
margin-top: 1rem;
|
margin-top: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -6,13 +6,12 @@ const showModal = ref(false);
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<button class="modal-button" @click="showModal = true">Show Modal</button>
|
<button class="modal-button" @click="showModal = true">Feedback</button>
|
||||||
|
|
||||||
<Teleport to="body">
|
<Teleport to="body">
|
||||||
<Transition name="modal">
|
<Transition name="modal">
|
||||||
<div v-show="showModal" class="modal-mask">
|
<div v-show="showModal" class="modal-mask">
|
||||||
<div class="modal-container">
|
<div class="modal-container">
|
||||||
<p>Send Feedback</p>
|
|
||||||
<Feedback />
|
<Feedback />
|
||||||
<div class="model-footer">
|
<div class="model-footer">
|
||||||
<button class="modal-button" @click="showModal = false">Close</button>
|
<button class="modal-button" @click="showModal = false">Close</button>
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import Field from "./PaneFields.vue";
|
import Field from "./PaneFields.vue";
|
||||||
import Modal from "./Modal.vue"
|
import Modal from "./Modal.vue";
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
|
Loading…
Reference in New Issue
Block a user