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

Polish coming-soon and login modal styling

Browse source 
Move sign out below wiki button, tweak hover color, remove email
field label, rename 'Join Ghost Guild' to 'Pre-Register', and
remove 'Don't have an account?' text from login modal.
This commit is contained in:
Jennie Robinson Faber 2026-03-19 18:07:20 +00:00
parent 28795146de
commit 7cf6ce1833
2 changed files with 9 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

1
app/components/LoginModal.vue
View file

@ -78,7 +78,6 @@
v-if="!loginSuccess"
class="text-center pt-2 border-t border-guild-700">
<p class="text-guild-400 text-sm pt-4">
Don't have an account?
<a
href="https://babyghosts.fund/ghost-guild/"
class="text-candlelight-400 hover:text-candlelight-300 font-medium">

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

@ -8,20 +8,20 @@
</p>
<!-- Logged-in state -->
<div v-if="isAuthenticated" class="w-full max-w-sm space-y-4 text-center mt-8">
<div v-if="isAuthenticated" class="w-full max-w-sm flex flex-col items-center space-y-4 text-center mt-8">
<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"
@click="handleLogout">
Sign out
</button>
</p>
<a
href="https://wiki.ghostguild.org"
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">
class="inline-flex items-center justify-center py-3 px-6 bg-candlelight-500 hover:bg-candlelight-600 text-guild-900 font-semibold rounded-full uppercase tracking-wide transition-colors font-sans whitespace-nowrap">
Go to Wiki
</a>
<button
class="text-sm text-candlelight-400 hover:text-candlelight-300 font-medium uppercase tracking-wide transition-colors"
@click="handleLogout">
Sign out
</button>
</div>
<!-- Login form -->
@ -44,7 +44,7 @@
<!-- Form -->
<UForm v-else :state="{ email }" @submit="handleLogin">
<UFormField label="Email Address" name="email" required class="mb-4">
<UFormField name="email" required class="mb-4">
<UInput
v-model="email"
type="email"
@ -70,11 +70,10 @@
<div class="text-center pt-6 border-t border-guild-700 mt-6">
<p class="text-guild-400 text-sm">
Don't have an account?
<a
href="https://babyghosts.fund/ghost-guild/"
class="text-candlelight-400 hover:text-candlelight-300 font-medium uppercase tracking-wide">
Join Ghost Guild
Pre-Register
</a>
</p>
</div>