From 9d7078663d83be2dcbdafff35fb765feb0da7b90 Mon Sep 17 00:00:00 2001
From: fluid-design-io <2216991777@qq.com>
Date: Fri, 20 Oct 2023 19:30:09 -0500
Subject: [PATCH] fix: added padding on mobile

---
 apps/web/components/core/site-footer.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/apps/web/components/core/site-footer.tsx b/apps/web/components/core/site-footer.tsx
index dd5228e..be52033 100644
--- a/apps/web/components/core/site-footer.tsx
+++ b/apps/web/components/core/site-footer.tsx
@@ -1,5 +1,6 @@
 import { Github, Youtube } from "lucide-react";
 import app from "../../../../package.json";
+import { cn } from "ui/lib/utils";
 
 const navigation = [
   {
@@ -16,7 +17,12 @@ const navigation = [
 
 function SiteFooter() {
   return (
-    <footer className="border-t border-border/30 bg-background-accent">
+    <footer
+      className={cn(
+        "border-t border-border/30 bg-background-accent",
+        "pb-[calc(8rem+env(safe-area-inset-bottom))] lg:pb-0",
+      )}
+    >
       <div className="mx-auto max-w-[120rem] px-6 py-4 md:flex md:items-center md:justify-between lg:px-8">
         <div className="flex justify-center space-x-6 md:order-2">
           {navigation.map((item) => (