scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: update breadcrumbs styling for full width variants

Browse Source
This commit is contained in:
Chuma McPhoy
2025-01-07 16:33:11 +01:00
parent 07fc8357c1
commit cc7461bf3c
2 changed files with 2 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
components/TempDesignSystem/Breadcrumbs/breadcrumbs.module.css
View File

@@ -15,17 +15,13 @@
} }
.fullWidth .list { .fullWidth .list {
max-width: var(--max-width-navigation); max-width: var(--max-width-page);
} }
.contentWidth .list { .contentWidth .list {
max-width: var(--max-width-content); max-width: var(--max-width-content);
} }
.pageWidth .list {
max-width: var(--max-width-page);
}
.list { .list {
align-items: center; align-items: center;
display: flex; display: flex;

2
components/TempDesignSystem/Breadcrumbs/variants.ts
View File

@@ -11,7 +11,7 @@ export const breadcrumbsVariants = cva(styles.breadcrumbs, {
[PageContentTypeEnum.contentPage]: styles.contentWidth, [PageContentTypeEnum.contentPage]: styles.contentWidth,
[PageContentTypeEnum.collectionPage]: styles.contentWidth, [PageContentTypeEnum.collectionPage]: styles.contentWidth,
[PageContentTypeEnum.hotelPage]: styles.hotelHeaderWidth, [PageContentTypeEnum.hotelPage]: styles.hotelHeaderWidth,
[PageContentTypeEnum.loyaltyPage]: styles.pageWidth, [PageContentTypeEnum.loyaltyPage]: styles.fullWidth,
default: styles.fullWidth, default: styles.fullWidth,
}, },
}, },