Fix main container responsivity

This commit is contained in:
Vagner
2024-10-13 00:03:06 -03:00
parent 53d52f3a14
commit b61dfb2de0
2 changed files with 22 additions and 21 deletions

View File

@@ -6,7 +6,6 @@
#app {
width: 100%;
margin: 0 auto;
padding: 2rem;
height: fit-content;
min-height: 100vh;
background: radial-gradient(ellipse at 50% -50%, rgba(49, 46, 129, 1) 60%, rgba(24, 30, 42, 1) 80%);
@@ -27,5 +26,5 @@ a,
}
.main-container {
@apply flex w-full max-w-xs md:max-w-lg flex-col justify-center items-center px-8 py-6 gap-4 rounded-lg border border-gray-500 backdrop-blur-md drop-shadow-lg shadow-lg mt-10;
@apply flex w-full md:max-w-lg flex-col justify-center items-center px-4 sm:px-8 py-4 sm:py-6 gap-4 rounded-lg border border-gray-500 backdrop-blur-md drop-shadow-lg shadow-lg mt-10;
}