refactor: Enhance layout and responsiveness of Login components
- Update LoginDialog.vue to improve maximum width settings for better adaptability across different screen sizes. - Adjust Login.vue to refine container padding and centering, ensuring a more consistent layout on various devices.
This commit is contained in:
parent
62c52f0d7c
commit
2f4a65d522
2 changed files with 3 additions and 3 deletions
|
|
@ -125,7 +125,7 @@ function handleKeydown(event: KeyboardEvent) {
|
|||
|
||||
<template>
|
||||
<Dialog :open="isOpen" @update:open="handleClose">
|
||||
<DialogContent class="sm:max-w-[425px]">
|
||||
<DialogContent class="sm:max-w-[425px] md:max-w-[500px] lg:max-w-[600px] xl:max-w-[700px]">
|
||||
<DialogHeader>
|
||||
<DialogTitle class="flex items-center gap-2">
|
||||
<User class="w-5 h-5" />
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue