🎨 Update container and grid components for improved responsive design

This commit is contained in:
pheralb
2025-09-18 16:11:30 +01:00
parent 8a61650e4b
commit 0c78255847
2 changed files with 2 additions and 2 deletions
+1 -1
View File
@@ -6,6 +6,6 @@
$props();
</script>
<div class={cn("container mx-auto px-4", className)}>
<div class={cn("container mx-auto px-6 lg:px-4", className)}>
{@render children?.()}
</div>
+1 -1
View File
@@ -13,7 +13,7 @@
<div
class={cn(
"grid grid-cols-1 gap-4 sm:grid-cols-2 md:grid-cols-2 lg:grid-cols-4 xl:grid-cols-5",
"grid grid-cols-1 gap-4 sm:grid-cols-2 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5",
columns === "4" && "lg:grid-cols-3 xl:grid-cols-4",
columns === "3" && "lg:grid-cols-2 xl:grid-cols-3",
columns === "2" && "md:grid-cols-2 lg:grid-cols-2 xl:grid-cols-2",