go/sonr
1
0 Fork 0
mirror of https://github.com/sonr-io/sonr.git synced 2026-11-02 13:12:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

style: Improve mobile responsiveness for Container component

Browse Source
This commit is contained in:
Prad Nukala (aider) committed 2024-12-11 13:40:18 -05:00
1 parent 0d4f2946f3
commit 83b8fc597a
1 file changed
+4 -4
Download Patch File Download Diff File Expand all files Collapse all files
pkg/common/styles/layout/container.templ
+4 -4
View File
@@ -8,10 +8,10 @@ templ Columns() {
}
templ Container() {
<div id="container" class="flex fixed inset-0 z-[99] w-screen h-screen">
<div class="relative flex flex-wrap items-center w-full h-full px-8">
<div class="relative w-full max-w-screen-lg mx-auto lg:mb-0">
<div class="flex flex-col items-center justify-center h-full">
<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 min-h-full px-4 py-6 sm:px-6 md:px-8">
<div class="relative w-full max-w-screen-lg mx-auto">
<div class="flex flex-col items-center justify-center min-h-full gap-4">
{ children... }
</div>
</div>