AtHeartEngineering/bandada
1
0
Fork 0
mirror of https://github.com/AtHeartEngineering/bandada.git synced 2026-01-09 22:27:57 -05:00
Code Issues Packages Projects Releases Wiki Activity

refactor(dashboard): add border to api key elements box

Browse Source 
Now it is easier to know that all elements are related to the api key because they are within the
same box.
This commit is contained in:
Vivian Plasencia
2024-03-30 11:05:50 +01:00
parent de80a1f2c1
commit a95ca769c4
1 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
apps/dashboard/src/components/api-key.tsx
View File

@@ -144,16 +144,14 @@ export default function ApiKeyComponent({
justify="space-between"
p={4}
borderRadius="md"
border="1px"
color={isEnabled ? "balticSea.900" : "balticSea.400"}
minWidth="300px"
height="48px"
>
<Flex align="center" flexGrow={1} justify="center">
<Box>
<Text
fontWeight="bold"
colorScheme="primary"
color={isEnabled ? "balticSea.900" : "balticSea.400"}
>
<Text fontWeight="bold" colorScheme="primary">
API Key
</Text>
</Box>
@@ -167,6 +165,7 @@ export default function ApiKeyComponent({
<Flex align="center">
<Tooltip label="Show API Key">
<IconButton
height="40px"
icon={<ViewIcon />}
onClick={showApiKey}
aria-label="View API Key"
@@ -174,6 +173,7 @@ export default function ApiKeyComponent({
</Tooltip>
<Tooltip label="Copy API Key">
<IconButton
height="40px"
icon={isCopied ? <CheckIcon /> : <CopyIcon />}
onClick={handleCopy}
ml={2}
@@ -183,6 +183,7 @@ export default function ApiKeyComponent({
</Tooltip>
<Tooltip label="Refresh API Key">
<IconButton
height="40px"
icon={<RepeatIcon />}
onClick={handleRefresh}
ml={2}