RyderTech/nlcc-itinerary
1
0
Fork 0
Code Issues Pull Requests Packages Activity

Fix login modal positioning and increase logo size

Browse Source
This commit is contained in:
Ryderjj89
2025-10-01 17:34:25 -04:00
parent 89c75564cf
commit 7b834f4903
2 changed files with 54 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
assets/css/main.css
View File

@@ -17,9 +17,9 @@ html, body {
/* Logo sizing - CRITICAL FIX */
img[alt*="New Life Christian Church"] {
height: 2rem !important;
height: 3rem !important;
width: auto !important;
max-height: 2rem !important;
max-height: 3rem !important;
object-fit: contain;
}
@@ -405,9 +405,9 @@ div[class*="modal-content"], [class*="modal-content"] {
/* Force logo to be small */
img[src*="logo"], .logo-image {
height: 2rem !important;
height: 3rem !important;
width: auto !important;
max-height: 2rem !important;
max-height: 3rem !important;
object-fit: contain !important;
}

98
components/LoginModal.vue
View File

@@ -1,56 +1,58 @@
<template>
<UModal v-model="isOpen" :ui="{ width: 'sm:max-w-md' }">
<UCard>
<template #header>
<h3 class="text-lg font-semibold text-gray-900">Admin Login</h3>
</template>
<Teleport to="body">
<UModal v-model="isOpen" :ui="{ width: 'sm:max-w-md' }">
<UCard>
<template #header>
<h3 class="text-lg font-semibold text-gray-900">Admin Login</h3>
</template>
<form @submit.prevent="handleSubmit" class="space-y-4">
<UFormGroup label="Username" name="username">
<UInput
v-model="form.username"
placeholder="Enter username"
:disabled="loading"
class="w-full"
/>
</UFormGroup>
<form @submit.prevent="handleSubmit" class="space-y-4">
<UFormGroup label="Username" name="username">
<UInput
v-model="form.username"
placeholder="Enter username"
:disabled="loading"
class="w-full"
/>
</UFormGroup>
<UFormGroup label="Password" name="password">
<UInput
v-model="form.password"
type="password"
placeholder="Enter password"
:disabled="loading"
class="w-full"
/>
</UFormGroup>
<UFormGroup label="Password" name="password">
<UInput
v-model="form.password"
type="password"
placeholder="Enter password"
:disabled="loading"
class="w-full"
/>
</UFormGroup>
<div v-if="error" class="text-red-600 text-sm p-3 bg-red-50 border border-red-200 rounded-md">
{{ error }}
</div>
<div v-if="error" class="text-red-600 text-sm p-3 bg-red-50 border border-red-200 rounded-md">
{{ error }}
</div>
<div class="flex justify-end space-x-3 pt-4">
<UButton
type="button"
variant="outline"
color="gray"
:disabled="loading"
@click="close"
>
Cancel
</UButton>
<UButton
type="submit"
variant="solid"
color="primary"
:loading="loading"
>
Login
</UButton>
</div>
</form>
</UCard>
</UModal>
<div class="flex justify-end space-x-3 pt-4">
<UButton
type="button"
variant="outline"
color="gray"
:disabled="loading"
@click="close"
>
Cancel
</UButton>
<UButton
type="submit"
variant="solid"
color="primary"
:loading="loading"
>
Login
</UButton>
</div>
</form>
</UCard>
</UModal>
</Teleport>
</template>
<script setup lang="ts">