Update account layout styling and responsiveness

- Updated the container class to remove horizontal margin and added left and right margin for smaller screens
- Centered the heading text within the container
- Adjusted the card width to be full-width on mobile devices and 3/12 of the screen width on larger screens
This commit is contained in:
Jeroen De Meerleer 2023-08-17 20:34:34 +02:00
parent 4802b55124
commit ed483b7821
Signed by: JeroenED
GPG Key ID: 28CCCB8F62BFADD6

View File

@ -1,5 +1,5 @@
<div class="container h-full mx-auto flex justify-center items-center flex-col"> <div class="h-full mx-4 md:mx-auto flex justify-center items-center flex-col">
<h1 class="my-3 h1">Blackbird Chess</h1> <h1 class="my-3 h1 text-center">Blackbird Chess</h1>
{#if typeof globalvars.user == 'undefined' } {#if typeof globalvars.user == 'undefined' }
{#each alertsvar as alert, i} {#each alertsvar as alert, i}
@ -15,7 +15,7 @@
</aside> </aside>
{/each} {/each}
{/if} {/if}
<div class="card variant-ringed p-4 w-50 text-token space-y-4"> <div class="card variant-ringed p-4 m-4 w-full md:w-3/12 text-token">
<slot /> <slot />
</div> </div>