Ui Change

brijsiyag · Dec 1, 2021 · 5aa76c2 · 5aa76c2
1 parent 9d839eb
commit 5aa76c2
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 8 deletions.
diff --git a/README.md b/README.md
@@ -62,3 +62,5 @@ npm run package
 - [ ] Open Folder in new Terminal or Terminal Tab
 - [ ] Cut or Copy Progress
 - [ ] Delete Progress
+- [ ] External Devices Support
+- [ ] Os's Context Menu Add
diff --git a/src/renderer/Filemanger/Body/Body.tsx b/src/renderer/Filemanger/Body/Body.tsx
@@ -4,7 +4,7 @@ import LowerBodyContainer from './FilesFolders/BodyContainer';
 import UpperBodyContainer from './Tabs/TabsContainer';
 const Body = () => {
   return (
-    <div>
+    <div style={{ width: '100%' }}>
       <UpperBodyContainer />
       <LowerBodyContainer />
     </div>

diff --git a/src/renderer/Main.tsx b/src/renderer/Main.tsx
@@ -15,11 +15,13 @@ const styles = {
   header: {
     backgroundColor: 'rgb(42,42,42)',
     minHeight: '50px',
+    width: '100%',
   },
   body: {
     backgroundColor: 'rgb(36,35,35)',
     height: '100vh',
     overflow: 'auto',
+    display: 'flex',
   },
 };
 export default function Main(): ReactElement {
@@ -54,15 +56,15 @@ export default function Main(): ReactElement {
         overflow: 'hidden',
       }}
     >
-      <Grid container flexWrap="nowrap">
-        <Grid item sx={styles.sidebar}>
-          <Sidebar />
+      <Grid container flexWrap="wrap">
+        <Grid sx={styles.header}>
+          <Header />
         </Grid>
-        <Grid height="100vh" flexDirection="column" flexGrow="1">
-          <Grid sx={styles.header}>
-            <Header />
+        <Grid display="flex" height="100vh" width="100vw" flexWrap="nowrap">
+          <Grid item sx={styles.sidebar}>
+            <Sidebar />
           </Grid>
-          <Grid justifyContent="center" sx={styles.body}>
+          <Grid sx={styles.body} flexGrow="1">
             <Body />
           </Grid>
         </Grid>