jennie/ghostguild-org
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Style tweaks

Browse source
This commit is contained in:
Jennie Robinson Faber 2026-03-19 16:36:31 +00:00
parent eda8ac6449
commit 640e633380
1 changed files with 10 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

16
app/pages/coming-soon.vue
View file

@ -1,11 +1,15 @@
<template>
<div class="min-h-screen w-full flex flex-col items-center justify-center px-4">
<h1 class="text-display-xl font-bold mb-2 font-sans">Ghost Guild</h1>
<p v-if="!isAuthenticated" class="text-display-sm text-guild-400 mb-10 font-sans">Coming Soon</p>
<h1 class="text-display-xl font-bold mb-2 uppercase font-sans!">Ghost Guild</h1>
<p
v-if="!isAuthenticated"
class="text-display-sm text-guild-400 mb-10 uppercase py-4 text-center font-sans!">
Coming Soon
</p>
<!-- Logged-in state -->
<div v-if="isAuthenticated" class="w-full max-w-sm space-y-4 text-center mt-8">
<p class="text-guild-200 font-sans">
<p class="text-guild-200 font-sans py-4 text-center">
Welcome, <strong class="text-guild-100">{{ memberData.name || memberData.email }}</strong>
<button
class="text-sm text-guild-400 hover:text-guild-200 underline transition-colors ml-2"
@ -15,7 +19,7 @@
</p>
<a
href="https://wiki.ghostguild.org"
class="block w-full py-3 px-4 bg-candlelight-500 hover:bg-candlelight-400 text-guild-900 font-semibold rounded-lg text-center transition-colors font-sans">
class="inline-flex items-center justify-center py-3 px-6 bg-candlelight-500 hover:bg-candlelight-400 text-guild-900 font-semibold rounded-full uppercase tracking-wide transition-colors font-sans whitespace-nowrap">
Go to Wiki
</a>
</div>
@ -58,7 +62,7 @@
:loading="isLoggingIn"
:disabled="!isFormValid"
size="lg"
class="w-full">
class="rounded-full uppercase tracking-wide font-semibold mx-auto whitespace-nowrap">
Send Magic Link
</UButton>
@ -67,7 +71,7 @@
Don't have an account?
<a
href="https://babyghosts.fund/ghost-guild/"
class="text-candlelight-400 hover:text-candlelight-300 font-medium">
class="text-candlelight-400 hover:text-candlelight-300 font-medium uppercase tracking-wide">
Join Ghost Guild
</a>
</p>