36 lines
1.2 KiB
Vue
36 lines
1.2 KiB
Vue
<template>
|
|
<h1>TLA suggestion form</h1>
|
|
<UCard>
|
|
<UForm class="space-y-4" style="text-align: left;" action="/api/suggestion" method="post">
|
|
<UFormField class="form-field" label="Acronym" required>
|
|
<UInput class="w-80" placeholder="Enter your TLA" name="tla"></UInput>
|
|
</UFormField>
|
|
<UFormField label="Motto" required>
|
|
<UInput class="w-80" placeholder="Enter the motto for your TLA"></UInput>
|
|
</UFormField>
|
|
<UFormField label="Contex" required>
|
|
<UTextarea class="w-80" rows=5 placeholder="Provide context for your TLA. This will be displayed upon completing the riddle of the day, either by guessing it correctly, or by running out of guesses."></UTextarea>
|
|
</UFormField>
|
|
<UFormField>
|
|
<URadioGroup orientation="horizontal" variant="table" size="xs" default-value="en" :items="['en', 'hu']" />
|
|
</UFormField>
|
|
<UButton type="submit">
|
|
Submit suggestion
|
|
</UButton>
|
|
</UForm>
|
|
</UCard>
|
|
|
|
</template>
|
|
|
|
<style>
|
|
.flex-container {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
}
|
|
</style>
|
|
|
|
<script lang="ts">
|
|
|
|
</script> |