⛄️🍀 -> Base styling for sidebar [HDASH-4] & [#6]

Signal-K · Oct 25, 2022 · 21edd91 · 21edd91
1 parent 53d96e6
commit 21edd91
Show file tree

Hide file tree

Showing 5 changed files with 35 additions and 3 deletions.
diff --git a/src/components/Body Section/.DS_Store b/src/components/Body Section/.DS_Store
diff --git a/src/components/Body Section/Body.jsx b/src/components/Body Section/Body.jsx
@@ -1,8 +1,19 @@
 import React from 'react';
+import '../SideBar Section/bodyco.css'; //import './body.css;';
+
+import Top from './Top Section/Top';
+import Listing from './Listing Section/Listing';
+import Activity from './Activity Section/Activity';
 
 const Body = () => {
   return (
-    <div>Body</div>
+    <div className='mainContent'>
+      <Top />
+
+      <div className='bottom flex'>
+        <Listing />
+      </div>
+    </div>
   )
 }
 

diff --git a/src/components/Body Section/body.css b/src/components/Body Section/body.css
@@ -1 +1,10 @@
-/*# sourceMappingURL=body.css.map */
+.mainContent {
+  height: 100%;
+  padding: 2rem;
+  overflow: auto;
+}
+.mainContent .bottom {
+  margin-top: 2rem;
+  gap: 2rem;
+  align-items: flex-start;
+}/*# sourceMappingURL=body.css.map */
diff --git a/src/components/Body Section/body.css.map b/src/components/Body Section/body.css.map
diff --git a/src/components/Body Section/body.scss b/src/components/Body Section/body.scss
@@ -0,0 +1,12 @@
+.mainContent{
+    //width: 82%;
+    height: 100%;
+    padding: 2rem;
+    overflow: auto;
+
+    .bottom{
+        margin-top: 2rem;
+        gap: 2rem;
+        align-items: flex-start;
+    }
+}