homepage spacing issues

manawiki · Aug 22, 2024 · f0bf283 · f0bf283
1 parent f775d8e
commit f0bf283
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 5 deletions.
diff --git a/app/routes/_editor+/core/components/EditorCommandBar.tsx b/app/routes/_editor+/core/components/EditorCommandBar.tsx
@@ -85,7 +85,9 @@ export const EditorCommandBar = ({
          <div className={clsx(isSection ? "" : "fixed h-full z-50")}>
             <div
                className={clsx(
-                  isSection ? "" : "fixed bottom-16 w-full left-0",
+                  isSection
+                     ? ""
+                     : "fixed bottom-20 laptop:bottom-10 w-full left-0",
                )}
             >
                <div

diff --git a/app/routes/_site+/_components/Column-4.tsx b/app/routes/_site+/_components/Column-4.tsx
@@ -96,7 +96,7 @@ export function ColumnFour() {
       <section className="relative laptop:z-50 laptop:block">
          {site.enableAds ? (
             <AdUnit
-               className="laptop:hidden my-8 flex-none mx-auto rounded-lg relative"
+               className="laptop:hidden mt-6 mb-10 flex-none flex items-center justify-center mx-auto rounded-lg relative"
                enableAds={site.enableAds}
                adType={{
                   mobile: "med_rect_btf",

diff --git a/app/routes/_site+/_index/index.tsx b/app/routes/_site+/_index/index.tsx
@@ -5,6 +5,7 @@ import type {
    MetaFunction,
 } from "@remix-run/node";
 import { useFetcher, useLoaderData } from "@remix-run/react";
+import clsx from "clsx";
 import { jsonWithSuccess } from "remix-toast";
 import type { Descendant } from "slate";
 import { z } from "zod";
@@ -65,7 +66,12 @@ export default function SiteIndexMain() {
 
    return (
       <>
-         <main className="pb-3 max-tablet:px-3 pt-20 laptop:pt-6 relative">
+         <main
+            className={clsx(
+               hasAccess ? "laptop:pb-32" : "laptop:pb-14",
+               "max-tablet:px-3 pt-20 laptop:pt-6 relative ",
+            )}
+         >
             {hasAccess ? (
                <>
                   <ManaEditor
@@ -76,6 +82,7 @@ export default function SiteIndexMain() {
                   />
                   <EditorCommandBar
                      collectionSlug="homeContents"
+                     //@ts-ignore
                      homeContentId={homeContentId}
                      fetcher={fetcher}
                      isChanged={isChanged}

diff --git a/app/routes/_site+/_layout.tsx b/app/routes/_site+/_layout.tsx
@@ -14,9 +14,9 @@ import { ColumnFour } from "./_components/Column-4";
 import { GAScripts } from "./_components/GAScripts";
 import { MobileHeader } from "./_components/MobileHeader";
 import { RampInit } from "./_components/RampInit";
+import { AdUnit } from "./_components/RampUnit";
 import { SiteHeader } from "./_components/SiteHeader";
 import { fetchSite } from "./_utils/fetchSite.server";
-import { AdUnit } from "./_components/RampUnit";
 
 export { ErrorBoundary } from "~/components/ErrorBoundary";
 

diff --git a/app/routes/_site+/c_+/_components/GridView.tsx b/app/routes/_site+/c_+/_components/GridView.tsx
@@ -6,7 +6,7 @@ export function GridView({ table }: { table: TableType<any> }) {
          {table.getRowModel().rows.map((row) => {
             return (
                <div
-                  className="p-2 dark:hover:border-zinc-600 border rounded-md bg-zinc-50 
+                  className="p-2 dark:hover:border-zinc-600 border rounded-md bg-zinc-50 truncate
                   dark:bg-dark350 border-color-sub shadow-sm dark:shadow-zinc-800/80 hover:border-zinc-300"
                   key={row.id}
                >