go/sonr
go/sonr
1
1
Fork 0
mirror of https://github.com/onsonr/sonr.git synced 2025-03-10 13:07:09 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

style: Improve mobile responsiveness for Container component

Browse Source
This commit is contained in:
Prad Nukala 2024-12-11 13:40:18 -05:00
parent 0d4f2946f3
commit 83b8fc597a
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
pkg/common/styles/layout/container.templ
View File

@ -8,10 +8,10 @@ templ Columns() {
} }
templ Container() { templ Container() {
<div id="container" class="flex fixed inset-0 z-[99] w-screen h-screen"> <div id="container" class="flex fixed inset-0 z-[99] w-screen min-h-screen">
<div class="relative flex flex-wrap items-center w-full h-full px-8"> <div class="relative flex flex-wrap items-center w-full min-h-full px-4 py-6 sm:px-6 md:px-8">
<div class="relative w-full max-w-screen-lg mx-auto lg:mb-0"> <div class="relative w-full max-w-screen-lg mx-auto">
<div class="flex flex-col items-center justify-center h-full"> <div class="flex flex-col items-center justify-center min-h-full gap-4">
{ children... } { children... }
</div> </div>
</div> </div>