diff --git a/.changeset/twelve-eagles-happen.md b/.changeset/twelve-eagles-happen.md new file mode 100644 index 000000000..0035cb5c5 --- /dev/null +++ b/.changeset/twelve-eagles-happen.md @@ -0,0 +1,5 @@ +--- +"@frameless/pdc-frontend": patch +--- + +De brood kruimel pad krijgt nu de goede positie volgens het figma design. diff --git a/apps/pdc-frontend/src/styles/globals.css b/apps/pdc-frontend/src/styles/globals.css index b2f24a80b..25d35ec66 100644 --- a/apps/pdc-frontend/src/styles/globals.css +++ b/apps/pdc-frontend/src/styles/globals.css @@ -141,9 +141,12 @@ a { .utrecht-custom-header { --utrecht-page-padding-inline-start: 0; --utrecht-page-padding-inline-end: 0; + --utrecht-page-header-padding-block-end: 0; } .utrecht-custom-page { + --utrecht-page-content-padding-block-start: 0; + background-color: var(--utrecht-document-background-color); display: flex; flex-direction: column; @@ -189,6 +192,10 @@ p:has(a[class="utrecht-skip-link utrecht-skip-link--visible-on-focus"]) { padding-inline-end: var(--utrecht-navigation-toggle-button-padding-end); } +.utrecht-breadcrumb-nav { + margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end); +} + @media screen and (width > 360px) { .utrecht-page-header { --utrecht-page-header-padding-block-start: 32px;