fix: avoid ui shift on api key reveal

2024-12-31 21:26:53 +05:30
parent cd7f38f561
commit 4c0ad3ceed
1 changed files with 5 additions and 1 deletions
--- a/src/components/organisms/ApiKey.tsx
+++ b/src/components/organisms/ApiKey.tsx
@@ -124,7 +124,11 @@ const ApiKeyManager = () => {
            <TableBody>
              <TableRow>
                <TableCell>{apiKeyName}</TableCell>
-                <TableCell>{showKey ? `${apiKey?.substring(0, 10)}...` : '***************'}</TableCell>
+                <TableCell>
+                  <Box sx={{ fontFamily: 'monospace', width: '10ch' }}>
+                  {showKey ? `${apiKey?.substring(0, 10)}...` : '**********'}
+                  </Box>
+                </TableCell>
                <TableCell>
                  <Tooltip title={t('apikey.actions.copy')}>
                    <IconButton onClick={copyToClipboard}>