formatting

This commit is contained in:
taskylizard 2023-11-02 00:50:22 +05:30
parent ad89f51fb2
commit c14f6be397
No known key found for this signature in database
GPG Key ID: 5CABA3D642DDC497
3 changed files with 12 additions and 6 deletions

View File

@ -72,7 +72,11 @@ async function handleSubmit(type?: string) {
</div>
</div>
<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>
</button>
</div>
@ -82,7 +86,10 @@ async function handleSubmit(type?: string) {
<p class="desc">The wiki is...</p>
<div>
<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>
</button>
</div>
@ -100,7 +107,7 @@ async function handleSubmit(type?: string) {
</template>
<style scoped>
.step>*+* {
.step > * + * {
margin-top: 1rem;
}

View File

@ -6,13 +6,12 @@ const showModal = ref(false);
</script>
<template>
<button class="modal-button" @click="showModal = true">Show Modal</button>
<button class="modal-button" @click="showModal = true">Feedback</button>
<Teleport to="body">
<Transition name="modal">
<div v-show="showModal" class="modal-mask">
<div class="modal-container">
<p>Send Feedback</p>
<Feedback />
<div class="model-footer">
<button class="modal-button" @click="showModal = false">Close</button>

View File

@ -1,6 +1,6 @@
<script setup lang="ts">
import Field from "./PaneFields.vue";
import Modal from "./Modal.vue"
import Modal from "./Modal.vue";
</script>
<template>