adjust dashboard styles

YeonV · Jan 4, 2025 · 55414f7 · 55414f7
1 parent c410031
commit 55414f7
Showing 1 changed file with 9 additions and 4 deletions.
diff --git a/src/pages/Home/DbDevices.tsx b/src/pages/Home/DbDevices.tsx
@@ -138,7 +138,7 @@ const DeviceActions = ({
         </Stack>
       ) : (
         <span style={{ width: 24, flex: '0 0 24px' }}>
-          {lastEffect && (
+          {lastEffect ? (
             <>
               <IconButton
                 sx={{ pt: 0.25 }}
@@ -152,15 +152,17 @@ const DeviceActions = ({
                 <PlayArrow />
               </IconButton>
             </>
-          )}
+          ) : null}
         </span>
       )}
       <IconButton
         sx={{
+          display: 'flex',
           ml:
             (effect ? 3.2 : 11.8) +
-            (virtuals[virtId]?.config.rows > 1 ? 0 : 4.2) +
-            (!effect && virtuals[virtId]?.config.rows > 1 ? 4.2 : 0)
+            (effect && virtuals[virtId]?.config.rows > 1 ? -0.9 : 4.2) +
+            (!effect && virtuals[virtId]?.config.rows > 1 ? 4.2 : 0) -
+            (lastEffect ? 0 : 2.1)
         }}
         size="small"
         onClick={(e) => {
@@ -456,6 +458,9 @@ const DbDevices = () => {
           }}
           sx={{
             borderColor: 'transparent',
+            '& .MuiDataGrid-cell': {
+              display: 'flex'
+            },
             '& .MuiDataGrid-row': {
               backgroundColor:
                 theme.palette.mode === 'light'