Merge pull request #307 from getmaxun/confirm-ui

fix: avoid ui shift on api key reveal
2025-01-01 19:40:37 +05:30
parent 6474efddfd a3337d7fcc
commit e4ffef54cf
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}>