Padding for page titles

adyen-examples · Dec 11, 2023 · 1e8bf4d · 1e8bf4d
1 parent c453c6a
commit 1e8bf4d
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 15 deletions.
diff --git a/react-app/src/dashboard/Dashboard.js b/react-app/src/dashboard/Dashboard.js
@@ -62,8 +62,8 @@ export default function Dashboard() {
 
         <Toolbar />
 
-        <Divider>
-            <Chip label="Status" variant="elevated" sx={{ fontSize: "20px", backgroundColor: "#0abf53", color: "white" }}/>
+        <Divider sx={{ padding: 1 }}>
+            <Chip label="Status" variant="elevated" sx={{ minWidth: 100, fontSize: "20px", backgroundColor: "#0abf53", color: "white" }}/>
         </Divider>
 
         <br/>

diff --git a/react-app/src/dashboard/Payments.js b/react-app/src/dashboard/Payments.js
@@ -70,13 +70,11 @@ export default function Products() {
 
         <Toolbar />
 
-        <Divider>
-            <Chip label="My Transactions" variant="elevated" sx={{ fontSize: "20px", backgroundColor: "#0abf53", color: "white" }}/>
+        <Divider sx={{ padding: 1 }}>
+            <Chip label="My Transactions" variant="elevated" sx={{ minWidth: 100, fontSize: "20px", backgroundColor: "#0abf53", color: "white" }}/>
         </Divider>
-        <br/><br/>
-        <div>
-            <Paper sx={{ width: '100%', overflow: 'hidden' }}>
-                <TableContainer sx={{ maxHeight: 500, minHeight: 500 }}>
+            <Paper sx={{ width: '100%' }}>
+                <TableContainer>
                     <Table stickyHeader aria-label="sticky table">
                         <TableHead>
                             <TableRow>
@@ -127,7 +125,7 @@ export default function Products() {
                     onRowsPerPageChange={handleChangeRowsPerPage}
                 />
             </Paper>
-        </div>
+
 
       </Box>
     </Box>

diff --git a/react-app/src/dashboard/Payouts.js b/react-app/src/dashboard/Payouts.js
@@ -26,8 +26,8 @@ export default function Payouts() {
 
         <Toolbar />
 
-        <Divider>
-            <Chip label="My Payouts" variant="elevated" sx={{ fontSize: "20px", backgroundColor: "#0abf53", color: "white" }}/>
+        <Divider sx={{ padding: 1 }}>
+            <Chip label="My Payouts" variant="elevated" sx={{ minWidth: 100, fontSize: "20px", backgroundColor: "#0abf53", color: "white" }}/>
         </Divider>
         <br/><br/>
 

diff --git a/react-app/src/dashboard/Products.js b/react-app/src/dashboard/Products.js
@@ -28,8 +28,8 @@ export default function Products() {
 
         <Toolbar />
 
-        <Divider>
-            <Chip label="My Products" variant="elevated" sx={{ fontSize: "20px", backgroundColor: "#0abf53", color: "white" }}/>
+        <Divider sx={{ padding: 1 }}>
+            <Chip label="My Products" variant="elevated" sx={{ minWidth: 100, fontSize: "20px", backgroundColor: "#0abf53", color: "white" }}/>
         </Divider>
 
         <ProductList/>

diff --git a/react-app/src/dashboard/Settings.js b/react-app/src/dashboard/Settings.js
@@ -27,8 +27,8 @@ export default function Settings() {
 
         <Toolbar />
 
-        <Divider>
-            <Chip label="Settings" variant="elevated" sx={{ fontSize: "20px", backgroundColor: "#0abf53", color: "white" }}/>
+        <Divider sx={{ padding: 1 }}>
+            <Chip label="Settings" variant="elevated" sx={{ minWidth: 100, fontSize: "20px", backgroundColor: "#0abf53", color: "white" }}/>
         </Divider>
         <br/><br/>