fix(striker-ui): auto handle inner panel header vertical spacing

3 years ago · fbac65857d
parent ca5c0becf7
commit fbac65857d
3 changed files with 3 additions and 4 deletions
--- a/striker-ui/components/Hosts/AnvilHost.tsx
+++ b/striker-ui/components/Hosts/AnvilHost.tsx
@ -31,7 +31,6 @@ const StyledBox = styled(Box)(({ theme }) => ({
  [`& .${classes.state}`]: {
    paddingLeft: '.7em',
    paddingRight: '.7em',
-    paddingTop: '2.2em',
  },

  [`& .${classes.bar}`]: {
--- a/striker-ui/components/Panels/InnerPanelHeader.tsx
+++ b/striker-ui/components/Panels/InnerPanelHeader.tsx
@ -7,6 +7,7 @@ const InnerPanelHeader: FC = ({ children }) => (
  <Box sx={{ position: 'relative', whiteSpace: 'pre-wrap' }}>
    <Box
      sx={{
+        alignItems: 'center',
        borderColor: DIVIDER,
        borderRadius: BORDER_RADIUS,
        borderStyle: 'solid',
@ -31,13 +32,13 @@ const InnerPanelHeader: FC = ({ children }) => (
    </Box>
    <Box
      sx={{
+        display: 'flex',
        paddingBottom: '.4em',
        paddingRight: '1.7em',
-        width: '100%',
        visibility: 'hidden',
      }}
    >
-      {children instanceof Array ? children[0] : children}
+      {children}
    </Box>
  </Box>
 );
--- a/striker-ui/components/SharedStorage/SharedStorageHost.tsx
+++ b/striker-ui/components/SharedStorage/SharedStorageHost.tsx
@ -16,7 +16,6 @@ const StyledDiv = styled('div')(() => ({
  [`& .${classes.fs}`]: {
    paddingLeft: '.7em',
    paddingRight: '.7em',
-    paddingTop: '2.2em',
  },

  [`& .${classes.bar}`]: {