wip

bekzodjonganiyev · Jan 30, 2023 · 4e8a9d4 · 4e8a9d4
1 parent d450790
commit 4e8a9d4
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 28 deletions.
diff --git a/src/components/admin/sidebar/Sidebar.css b/src/components/admin/sidebar/Sidebar.css
@@ -2,13 +2,15 @@
   height: 4px;              /* height of horizontal scrollbar ← You're missing this */
   width: 0px;               /* width of vertical scrollbar */
   border: 1px solid #d5d5d5;
+  overflow-y: scroll;
 }
 
 aside {
-  background: #222;
+  background-image: linear-gradient(to right, #434343 0%, black 100%);
   flex-grow: 0;
   padding: 0px 20px 20px 20px;
   box-sizing: border-box;
+  scrollbar-width: 0px;
 }
 
 /* LOGO */

diff --git a/src/pages/admin/elon/Elon.jsx b/src/pages/admin/elon/Elon.jsx
@@ -128,12 +128,16 @@ const Elon = () => {
 
   if (type === "table") {
     content = (
-      <Table
-        headData={analyseNameTableHead}
-        renderHead={renderHead}
-        bodyData={bodyData}
-        renderBody={renderBody}
-      />
+      <>
+        {data && (
+          <Table
+            headData={analyseNameTableHead}
+            renderHead={renderHead}
+            bodyData={bodyData}
+            renderBody={renderBody}
+          />
+        )}
+      </>
     );
   } else {
     content = (

diff --git a/src/pages/admin/index.css b/src/pages/admin/index.css
@@ -1,28 +1,26 @@
-main{
-    display: flex;
-    position: sticky;
+main {
+  display: flex;
+  position: sticky;
 }
 
-aside{
-    width: 20%;
+aside {
+  width: 20%;
 }
 
-section{
-    width: 80%;
-    flex-grow: 1;
-    padding-bottom: 100px;
-    background: #098;
-    position: -ms-page;
-    top: 200px;
-    left: 20%;
+section {
+  width: 80%;
+  flex-grow: 1;
+  padding-bottom: 100px;
+  background: #4776e6; /* fallback for old browsers */
+  background: rgb(168, 180, 217);
+  min-height: 800px;
 }
 
-nav{
-    position: sticky;
-    top: 0;
-    z-index: 999;
-    height: 70px;
-    padding: 10px;
-    background: rgb(65, 60, 60);
+nav {
+  position: sticky;
+  top: 0;
+  z-index: 999;
+  height: 70px;
+  padding: 10px;
+  background: rgb(65, 60, 60);
 }
-