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

Fix modal positioning and improve login modal as proper overlay popup

Browse Source
This commit is contained in:
Ryderjj89
2025-09-29 19:57:46 -04:00
parent 2715c25744
commit d235f8cd55
2 changed files with 48 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
components/LoginModal.vue
View File

@@ -1,8 +1,8 @@
<template>
<UModal v-model="isOpen">
<UModal v-model="isOpen" :ui="{ width: 'sm:max-w-md' }">
<UCard>
<template #header>
<h3 class="text-lg font-semibold">Admin Login</h3>
<h3 class="text-lg font-semibold text-gray-900">Admin Login</h3>
</template>
<form @submit.prevent="handleSubmit" class="space-y-4">
@@ -11,6 +11,7 @@
v-model="form.username"
placeholder="Enter username"
:disabled="loading"
class="w-full"
/>
</UFormGroup>
@@ -20,17 +21,19 @@
type="password"
placeholder="Enter password"
:disabled="loading"
class="w-full"
/>
</UFormGroup>
<div v-if="error" class="text-red-600 text-sm">
<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-2">
<div class="flex justify-end space-x-3 pt-4">
<UButton
type="button"
variant="outline"
color="gray"
:disabled="loading"
@click="close"
>