fix height of server card

zltl · Mar 14, 2023 · d1281d0 · d1281d0
1 parent d00f0c4
commit d1281d0
Showing 1 changed file with 14 additions and 12 deletions.
diff --git a/src/view/ServerCard.tsx b/src/view/ServerCard.tsx
@@ -162,19 +162,21 @@ export function ServerCard(props: ServerCardProps) {
           sx={{ cursor: 'move' }} ref={drop}>
           <Box ref={dragRef}>
             <Typography color={colorByOnline()} variant='h6'>{server.name}</Typography>
-            {!mouseEnter && <Typography variant='caption' >{server.username + "@" + server.host + ":" + server.port}</Typography>}
-            {mouseEnter && <Box sx={{ cursor: 'default' }}>
-              <Box>
-                <Box display='flex' >
-                  <IconButton sx={{ cursor: 'move' }}> <DragIndicatorIcon color="disabled" /> </IconButton>
-                  <IconButton onClick={() => gotoEditServer()}><EditIcon /> </IconButton>
-                  <IconButton onClick={() => startSftp()} ><DriveFileMoveIcon /> </IconButton>
-                  <IconButton sx={{ mr: 'auto' }} onClick={() => startShell()}><TerminalIcon /> </IconButton>
-
-                  <IconButton onClick={() => deleteServer()} sx={{ float: 'right' }}><DeleteIcon /> </IconButton>
+            <Box sx={{ height: '30px' }}>
+              {!mouseEnter && <Typography variant='caption' >{server.username + "@" + server.host + ":" + server.port}</Typography>}
+              {mouseEnter && <Box sx={{ cursor: 'default' }}>
+                <Box>
+                  <Box display='flex' >
+                    <IconButton sx={{ cursor: 'move' }}> <DragIndicatorIcon color="disabled" /> </IconButton>
+                    <IconButton onClick={() => gotoEditServer()}><EditIcon /> </IconButton>
+                    <IconButton onClick={() => startSftp()} ><DriveFileMoveIcon /> </IconButton>
+                    <IconButton sx={{ mr: 'auto' }} onClick={() => startShell()}><TerminalIcon /> </IconButton>
+
+                    <IconButton onClick={() => deleteServer()} sx={{ float: 'right' }}><DeleteIcon /> </IconButton>
+                  </Box>
                 </Box>
-              </Box>
-            </Box>}
+              </Box>}
+            </Box>
           </Box>
 
           <Box>