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 { Icon } from '../Icon/Icon'
import { BreadcrumbItem } from './BreadcrumbsItem' import { BreadcrumbItem } from './BreadcrumbsItem'
@@ -22,7 +22,7 @@ export const Breadcrumbs = ({ steps }: BreadcrumbsProps) => {
{steps.map((step, index) => { {steps.map((step, index) => {
const isLast = index === steps.length - 1 const isLast = index === steps.length - 1
return ( return (
<Box key={index}> <Flex key={index} sx={{ alignItems: 'center' }}>
<BreadcrumbItem text={step.text} link={step.link} isLast={isLast} /> <BreadcrumbItem text={step.text} link={step.link} isLast={isLast} />
{!isLast && ( {!isLast && (
<Icon <Icon
@@ -32,7 +32,7 @@ export const Breadcrumbs = ({ steps }: BreadcrumbsProps) => {
data-testid="breadcrumbsChevron" data-testid="breadcrumbsChevron"
/> />
)} )}
</Box> </Flex>
) )
})} })}
</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) => ( export const BreadcrumbItem = ({ text, link, isLast }: BreadcrumbItemProps) => (
<Box <Box
style={{ display: 'inline-flex', marginRight: '10px' }} style={{ display: 'inline-flex', marginRight: '3px' }}
data-testid="breadcrumbsItem" data-testid="breadcrumbsItem"
data-cy="breadcrumbsItem" data-cy="breadcrumbsItem"
> >