@djangocfg/layouts 2.1.499 → 2.1.500

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@djangocfg/layouts",
-  "version": "2.1.499",
+  "version": "2.1.500",
   "description": "Simple, straightforward layout components for Next.js - import and use with props",
   "keywords": [
     "layouts",
@@ -89,12 +89,12 @@
     "check": "tsc --noEmit"
   },
   "peerDependencies": {
-    "@djangocfg/analytics": "^2.1.499",
-    "@djangocfg/api": "^2.1.499",
-    "@djangocfg/centrifugo": "^2.1.499",
-    "@djangocfg/devtools": "^2.1.499",
-    "@djangocfg/i18n": "^2.1.499",
-    "@djangocfg/ui-core": "^2.1.499",
+    "@djangocfg/analytics": "^2.1.500",
+    "@djangocfg/api": "^2.1.500",
+    "@djangocfg/centrifugo": "^2.1.500",
+    "@djangocfg/devtools": "^2.1.500",
+    "@djangocfg/i18n": "^2.1.500",
+    "@djangocfg/ui-core": "^2.1.500",
     "@hookform/resolvers": "^5.2.2",
     "consola": "^3.4.2",
     "lucide-react": "^0.545.0",
@@ -124,14 +124,14 @@
     "uuid": "^11.1.1"
   },
   "devDependencies": {
-    "@djangocfg/analytics": "^2.1.499",
-    "@djangocfg/api": "^2.1.499",
-    "@djangocfg/centrifugo": "^2.1.499",
-    "@djangocfg/devtools": "^2.1.499",
-    "@djangocfg/i18n": "^2.1.499",
-    "@djangocfg/typescript-config": "^2.1.499",
-    "@djangocfg/ui-core": "^2.1.499",
-    "@djangocfg/ui-tools": "^2.1.499",
+    "@djangocfg/analytics": "^2.1.500",
+    "@djangocfg/api": "^2.1.500",
+    "@djangocfg/centrifugo": "^2.1.500",
+    "@djangocfg/devtools": "^2.1.500",
+    "@djangocfg/i18n": "^2.1.500",
+    "@djangocfg/typescript-config": "^2.1.500",
+    "@djangocfg/ui-core": "^2.1.500",
+    "@djangocfg/ui-tools": "^2.1.500",
     "@types/node": "^25.9.5",
     "@types/react": "19.2.15",
     "@types/react-dom": "19.2.3",

package/src/layouts/PublicLayout/footers/DefaultFooter/DefaultFooter.tsx

@@ -129,8 +129,17 @@ function DefaultFooterRaw({ config }: DefaultFooterProps) {
   const copyright = copyrightProp || `© ${currentYear}. All rights reserved.`;
   const credits = creditsProp;
 
-  /** Extra space below footer on devices with a home indicator / gesture bar. */
-  const footerSafeBottom = 'pb-[env(safe-area-inset-bottom,0px)]';
+  /**
+   * Space below the footer's last row.
+   *
+   * The fallback is deliberately NOT `0px`: `env(safe-area-inset-bottom)`
+   * resolves to zero on every device without a home indicator and in every
+   * desktop browser, which left the final row (theme + locale controls on
+   * mobile) flush against the viewport edge with nothing under it. `max()`
+   * keeps a real gutter everywhere and still yields to a larger inset on
+   * devices that report one.
+   */
+  const footerSafeBottom = 'pb-[max(1rem,env(safe-area-inset-bottom,0px))]';
 
   const footerSurfaceClass =
     'border-t border-border/60 bg-muted/35 mt-auto';
@@ -207,8 +216,19 @@ function DefaultFooterRaw({ config }: DefaultFooterProps) {
     <>
       <footer className={`lg:hidden ${footerSurfaceClass} ${footerSafeBottom}`}>
         <div className={`mx-auto px-4 py-8 ${shellClass || 'w-full'}`}>
+          {/*
+            The mobile footer is a centered stack — links, copyright and the
+            control row all center themselves. The brand has to be centered
+            HERE rather than by the caller: `FooterProjectInfo variant="mobile"`
+            centers itself, so a consumer passing `brand.slot` used to be the
+            only thing in the column left-aligned, reading as a mistake rather
+            than a choice. The wrapper also owns the gap to the links below,
+            which the bare slot had no way to provide.
+          */}
           {showBrandColumn && (
-            brandSlot ?? (
+            brandSlot ? (
+              <div className="mb-6 flex justify-center">{brandSlot}</div>
+            ) : (
               <FooterProjectInfo
                 description={description}
                 socialLinks={socialLinks}