fergalmoran/onearmy-community-platform
1
0
Fork 0
mirror of https://github.com/fergalmoran/onearmy-community-platform.git synced 2025-12-22 09:37:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: allign breadcrumbs chevron

Browse Source
This commit is contained in:
cosimochetta
2024-09-06 17:35:52 +02:00
committed by benfurber
parent 39e0cd13ee
commit 4a14c7d3e4
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/components/src/Breadcrumbs/Breadcrumbs.tsx
View File

@@ -1,4 +1,4 @@
import { Box, Flex } from 'theme-ui'
import { Flex } from 'theme-ui'
import { Icon } from '../Icon/Icon'
import { BreadcrumbItem } from './BreadcrumbsItem'
@@ -22,7 +22,7 @@ export const Breadcrumbs = ({ steps }: BreadcrumbsProps) => {
{steps.map((step, index) => {
const isLast = index === steps.length - 1
return (
<Box key={index}>
<Flex key={index} sx={{ alignItems: 'center' }}>
<BreadcrumbItem text={step.text} link={step.link} isLast={isLast} />
{!isLast && (
<Icon
@@ -32,7 +32,7 @@ export const Breadcrumbs = ({ steps }: BreadcrumbsProps) => {
data-testid="breadcrumbsChevron"
/>
)}
</Box>
</Flex>
)
})}
</Flex>

2
packages/components/src/Breadcrumbs/BreadcrumbsItem.tsx
View File

@@ -30,7 +30,7 @@ const BreadcrumbButton = ({ text, link }: BreadcrumbButtonProps) => {
export const BreadcrumbItem = ({ text, link, isLast }: BreadcrumbItemProps) => (
<Box
style={{ display: 'inline-flex', marginRight: '10px' }}
style={{ display: 'inline-flex', marginRight: '3px' }}
data-testid="breadcrumbsItem"
data-cy="breadcrumbsItem"
>