update announcement pill

This commit is contained in:
taskylizard 2023-12-15 20:49:17 +00:00
parent 52f53d5657
commit 82b133a1a9
3 changed files with 24 additions and 12 deletions

View File

@ -57,7 +57,10 @@ async function handleSubmit(type?: FeedbackType["type"]) {
</div>
</div>
<div class="button-container">
<button v-for="item in feedbackOptions" :key="item.value" class="btn"
<button
v-for="item in feedbackOptions"
:key="item.value"
class="btn"
@click="handleSubmit(item.value as FeedbackType['type'])">
<span>{{ item.label }}</span>
</button>
@ -73,14 +76,23 @@ async function handleSubmit(type?: FeedbackType["type"]) {
</button>
</div>
</div>
<textarea v-model="feedback.message" autofocus class="input" placeholder="What a lovely wiki!" />
<textarea
v-model="feedback.message"
autofocus
class="input"
placeholder="What a lovely wiki!" />
<p class="desc mb-2">
Join our
<a class="text-primary font-semibold text-underline" href="https://discord.gg/Stz6y6NgNg">Discord</a>
<a class="text-primary font-semibold text-underline" href="https://discord.gg/Stz6y6NgNg"
>Discord</a
>
if you'd like a response to your feedback.
</p>
<button type="submit" class="btn btn-primary"
:disabled="feedback.message.length < 5 || feedback.message.length > 1000" @click="handleSubmit()">
<button
type="submit"
class="btn btn-primary"
:disabled="feedback.message.length < 5 || feedback.message.length > 1000"
@click="handleSubmit()">
Submit
</button>
</div>
@ -92,7 +104,7 @@ async function handleSubmit(type?: FeedbackType["type"]) {
</template>
<style scoped>
.step>*+* {
.step > * + * {
margin-top: 1rem;
}

View File

@ -8,8 +8,8 @@ hero:
text: "freemediaheckyeah"
tagline: The largest collection of free stuff on the internet!
prelink:
title: 🎉 New website!
link: https://www.reddit.com/r/FREEMEDIAHECKYEAH/comments/17toqpa/new_fmhy_website
title: ❄️ Monthly Updates / Discussion [Dec 2023]
link: https://www.reddit.com/r/FREEMEDIAHECKYEAH/comments/1889rxh/monthly_updates_discussion_dec_2023_250k_members/
image:
src: /test.png
alt: FMHY Icon