fix styles

RegionX-Labs · May 10, 2024 · 41d93a0 · 41d93a0
1 parent 773b2cc
commit 41d93a0
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 5 deletions.
diff --git a/src/components/Modals/Regions/Interlace/index.tsx b/src/components/Modals/Regions/Interlace/index.tsx
@@ -55,7 +55,10 @@ export const InterlaceModal = ({
   const [working, setWorking] = useState(false);
   const [position, setPosition] = useState(oneStart);
 
-  const newMask = maskToBin(maskFromChunk(oneStart, position + 1));
+  const newMask =
+    oneStart <= position + 1
+      ? maskToBin(maskFromChunk(oneStart, position + 1))
+      : '';
 
   const onInterlace = async () => {
     if (!api || !activeAccount || !activeSigner) return;

diff --git a/src/pages/paras/index.tsx b/src/pages/paras/index.tsx
@@ -79,7 +79,7 @@ const ParachainManagement = () => {
   }, [relayApiState, relayApi]);
 
   return (
-    <Box>
+    <Box sx={{ height: '100%', display: 'flex', flexDirection: 'column' }}>
       <Box sx={{ display: 'flex', justifyContent: 'space-between' }}>
         <Box>
           <Typography
@@ -125,7 +125,8 @@ const ParachainManagement = () => {
           <CircularProgress />
         </Backdrop>
       ) : (
-        <Box>
+        <Box sx={{ mt: '1rem', overflowY: 'auto' }}>
+          <div>{parachains.length}</div>
           {parachains.map(({ id, state }, index) => (
             <div key={index}>
               {id} - {state}

diff --git a/src/pages/regions.tsx b/src/pages/regions.tsx
@@ -146,6 +146,7 @@ const Dashboard = () => {
           display: 'flex',
           height: '100%',
           justifyContent: 'space-between',
+          mt: '1rem',
         }}
       >
         <Box
@@ -155,8 +156,7 @@ const Dashboard = () => {
             overflowY: 'auto',
             display: 'flex',
             flexDirection: 'column',
-            gap: '2rem',
-            mt: '1rem',
+            gap: '0.75rem',
             '::-webkit-scrollbar': {
               display: 'none',
             },
@@ -195,6 +195,7 @@ const Dashboard = () => {
             color: theme.palette.text.secondary,
             minWidth: '18rem',
             padding: '2rem 3rem',
+            maxHeight: '32.5rem',
           }}
         >
           <Typography variant='h1' color={theme.palette.text.primary}>