refactor: Revise layout of Login component for improved responsiveness

- Update Login.vue to enhance the overall layout by adjusting the container's height and centering.
- Refine padding and width settings to ensure a more consistent appearance across different screen sizes.
This commit is contained in:
padreug 2025-07-31 22:19:34 +02:00
parent 017870b61a
commit 5799f5fc28

View file

@ -1,6 +1,6 @@
<template>
<div class="w-full px-4 sm:px-6 lg:px-8 xl:px-12 2xl:px-16 py-8 space-y-6">
<div class="flex flex-col items-center justify-center min-h-[60vh] space-y-8 max-w-4xl mx-auto">
<div class="min-h-screen flex items-center justify-center px-4 sm:px-6 lg:px-8 xl:px-12 2xl:px-16 py-8">
<div class="flex flex-col items-center justify-center space-y-8 max-w-4xl mx-auto w-full">
<!-- Welcome Section -->
<div class="text-center space-y-4">
<div class="flex justify-center">