Fix: only show theme background color in spaces

Nounspace · Jul 30, 2024 · 54e6805 · 54e6805
1 parent 9288b9c
commit 54e6805
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 13 deletions.
diff --git a/src/common/components/templates/Space.tsx b/src/common/components/templates/Space.tsx
@@ -97,15 +97,9 @@ export default function Space({
       : LayoutFidgets["grid"];
 
   return (
-    <>
+    <div className="user-theme-background w-full h-full relative">
       <CustomHTMLBackground html={config.theme?.properties.backgroundHTML} />
-      <div
-        className={
-          editMode
-            ? "w-full transition-all duration-100 ease-out h-full"
-            : "w-full transition-all duration-100 ease-out h-full"
-        }
-      >
+      <div className="w-full transition-all duration-100 ease-out h-full">
         <div className="h-full flex flex-col">
           {!isUndefined(profile) ? (
             <div className="z-50 bg-white h-40">{profile}</div>
@@ -126,6 +120,6 @@ export default function Space({
           />
         </div>
       </div>
-    </>
+    </div>
   );
 }
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
@@ -19,10 +19,7 @@ const sidebarLayout = (page: React.ReactElement) => {
   return (
     <>
       <div className="min-h-screen max-w-screen h-screen w-screen">
-        <div
-          className="flex w-full h-full"
-          style={{ background: "var(--user-theme-background)" }}
-        >
+        <div className="flex w-full h-full">
           <div className="flex mx-auto transition-all duration-100 ease-out z-10">
             <Sidebar />
           </div>