Fix overflow activity feed (#420)

* Fix overflow activity feed * Sidebar style update * Move fix to CSS
NEARBuilders · Jun 20, 2024 · 9a6ed78 · 9a6ed78
1 parent 3c5847f
commit 9a6ed78
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/apps/new/widget/CSS.jsx b/apps/new/widget/CSS.jsx
@@ -180,6 +180,14 @@ const CSS = styled.div`
   .placeholder-glow {
     background: var(--bg-1, black);
   }
+
+  .content {
+    background: var(--bg-1, #000);
+
+    .main {
+      min-width: 0;
+    }
+  }
 `;
 
 return { CSS };
diff --git a/apps/new/widget/components/Sidebar.jsx b/apps/new/widget/components/Sidebar.jsx
@@ -24,7 +24,6 @@ function findDefaultRoute(routesObject) {
 const tab = props.tab ?? findDefaultRoute(routes);
 
 const Sidebar = styled.div`
-  background: #000;
   display: flex;
   min-width: 259px;
   min-height: 100vh;

diff --git a/apps/old/widget/app/view.jsx b/apps/old/widget/app/view.jsx
@@ -80,7 +80,6 @@ const Container = styled.div`
 const Content = styled.div`
   width: 100%;
   height: 100%;
-  background: var(--bg-1, #000);
 `;
 
 // const Template = config.Template ?? (({children}) => <>{children}</>);
@@ -91,7 +90,7 @@ return (
         {...(config.layout?.props ?? { variant: "standard" })}
         blocks={config.blocks}
       >
-        <Content>
+        <Content className="content">
           <Router config={config.router} {...passProps} />
         </Content>
       </Layout>