formatting

This commit is contained in:
taskylizard 2023-11-03 12:08:42 +05:30
parent eb40a4f049
commit 1da62476e4
No known key found for this signature in database
GPG key ID: 5CABA3D642DDC497
6 changed files with 19 additions and 11 deletions

View file

@ -5,14 +5,14 @@ interface Feedback {
message: string;
feedbackType?: string;
contactEmail?: string;
anonymous: boolean
anonymous: boolean;
}
const loading = ref(false);
const error = ref<unknown>(null);
const success = ref(false);
const feedback = reactive<Feedback>({ message: "", anonymous: false,contactEmail: "" });
const feedback = reactive<Feedback>({ message: "", anonymous: false, contactEmail: "" });
const feedbackOptions = [
{ label: "🐞 Bug", value: "bug" },
@ -73,7 +73,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>
@ -83,7 +87,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-large">close</span>
</button>
</div>
@ -101,7 +108,7 @@ async function handleSubmit(type?: string) {
</template>
<style scoped>
.step>*+* {
.step > * + * {
margin-top: 1rem;
}