ui fixes

Shelf-nu · Dec 10, 2024 · 2049e6a · 2049e6a
1 parent 4ab2a77
commit 2049e6a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/app/components/layout/sidebar/app-sidebar.tsx b/app/components/layout/sidebar/app-sidebar.tsx
@@ -31,10 +31,10 @@ export default function AppSidebar(props: AppSidebarProps) {
 
       <SidebarContent>
         <SidebarNav items={topMenuItems} />
-        <SidebarNoticeCard />
       </SidebarContent>
 
       <SidebarFooter>
+        <SidebarNoticeCard />
         <SidebarNav className="p-0" items={bottomMenuItems} />
         <SidebarUserMenu />
       </SidebarFooter>

diff --git a/app/components/layout/sidebar/notice-card.tsx b/app/components/layout/sidebar/notice-card.tsx
@@ -6,15 +6,16 @@ import type { loader } from "~/routes/_layout+/_layout";
 export const SidebarNoticeCard = () => {
   const { hideNoticeCard } = useLoaderData<typeof loader>();
   const fetcher = useFetcher();
+  console.log("hideNoticeCard", hideNoticeCard);
 
   let optimisticHideNoticeCard = hideNoticeCard;
   if (fetcher.formData) {
     optimisticHideNoticeCard =
       fetcher.formData.get("noticeCardVisibility") === "hidden";
   }
 
-  return !optimisticHideNoticeCard ? null : (
-    <div className="support-banner mx-2 mb-6 hidden rounded bg-gray-50 px-4 py-5 md:block">
+  return optimisticHideNoticeCard ? null : (
+    <div className="support-banner mb-6 hidden rounded border bg-gray-50 px-2 py-3 md:block">
       <div className="flex justify-between align-middle">
         <h5 className="mb-1 font-semibold text-gray-900">
           Install Shelf for Mobile