Fix some padding for Apps, Files, Jobs, Systems

tapis-project · Jul 23, 2024 · 38351c2 · 38351c2
1 parent 03242aa
commit 38351c2
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 2 deletions.
diff --git a/src/app/Apps/_Router/Router.tsx b/src/app/Apps/_Router/Router.tsx
@@ -13,9 +13,13 @@ const Router: React.FC = () => {
   return (
     <Switch>
       <Route path={`${path}`} exact>
+      <div style={{ margin: '1rem', flex: 1, overflow: 'auto' }}>
+
+
         <SectionMessage type="info">
           Select an app from the list.
         </SectionMessage>
+        </div>
       </Route>
 
       <Route

diff --git a/src/app/Files/_Layout/Layout.tsx b/src/app/Files/_Layout/Layout.tsx
@@ -19,9 +19,11 @@ const Layout: React.FC = () => {
   const crumbs = breadcrumbsFromPathname(pathname).splice(1);
   const header = (
     <LayoutHeader>
-      <div className={styles.breadcrumbs}>
+      Files
+      {/* <div className={styles.breadcrumbs}>
+        
         <Breadcrumbs breadcrumbs={[{ text: 'Files' }, ...crumbs]} />
-      </div>
+      </div> */}
       <Toolbar />
     </LayoutHeader>
   );

diff --git a/src/app/Files/_Router/Router.tsx b/src/app/Files/_Router/Router.tsx
@@ -22,9 +22,12 @@ const Router: React.FC = () => {
   return (
     <Switch>
       <Route path={`${path}`} exact>
+      <div style={{ margin: '1rem', flex: 1, overflow: 'auto' }}>
+
         <SectionMessage type="info">
           Select a system from the list.
         </SectionMessage>
+        </div>
       </Route>
 
       <Route

diff --git a/src/app/Jobs/_Router/Router.tsx b/src/app/Jobs/_Router/Router.tsx
@@ -14,7 +14,10 @@ const Router: React.FC = () => {
   return (
     <Switch>
       <Route path={`${path}`} exact>
+      <div style={{ margin: '1rem', flex: 1, overflow: 'auto' }}>
+
         <SectionMessage type="info">Select a job from the list.</SectionMessage>
+        </div>
       </Route>
 
       <Route

diff --git a/src/app/Systems/_Router/Router.tsx b/src/app/Systems/_Router/Router.tsx
@@ -14,9 +14,12 @@ const Router: React.FC = () => {
   return (
     <Switch>
       <Route path={`${path}`} exact>
+      <div style={{ margin: '1rem', flex: 1, overflow: 'auto' }}>
+
         <SectionMessage type="info">
           Select a system from the list.
         </SectionMessage>
+        </div>
       </Route>
 
       <Route