Cloonar/dialog-relations-website
2
0
Fork 0
Code Pull Requests Actions Activity

feat: change footer design

Browse Source
This commit is contained in:
Dominik Polakovics Polakovics
2024-12-14 23:50:55 +01:00
parent bed54e120b
commit 1da5ce2a77
3 changed files with 28 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
packages/base/Resources/Private/PageView/Layouts/Default.html
View File

@@ -9,8 +9,9 @@
</main> </main>
<footer class="site-footer"> <footer class="site-footer">
<div class="container">
<div class="site-footer__top"> <div class="site-footer__top">
<div class="container site-footer__grid"> <div class="site-footer__grid">
<div class="site-footer__left"> <div class="site-footer__left">
<f:cObject typoscriptObjectPath="lib.dynamicContentSlide" data="{pageUid: '{data.uid}', colPos: '90'}" /> <f:cObject typoscriptObjectPath="lib.dynamicContentSlide" data="{pageUid: '{data.uid}', colPos: '90'}" />
</div> </div>
@@ -23,7 +24,7 @@
<hr class="site-footer__divider" /> <hr class="site-footer__divider" />
<div class="site-footer__bottom"> <div class="site-footer__bottom">
<div class="container site-footer__bottom-grid"> <div class="site-footer__bottom-grid">
<ul class="site-footer__legal"> <ul class="site-footer__legal">
<f:cObject typoscriptObjectPath="lib.footerMenu" /> <f:cObject typoscriptObjectPath="lib.footerMenu" />
</ul> </ul>

2
packages/base/Resources/Public/Scss/abstracts/_variables.scss
View File

@@ -25,7 +25,9 @@ $xl: 1200px;
--bs-primary: #233600; --bs-primary: #233600;
--bs-yellow: #F5AE07; --bs-yellow: #F5AE07;
--bs-light-green: #F4F6EC;
--cl-primary: #233600; --cl-primary: #233600;
} }
// Additional global variables can be added here // Additional global variables can be added here

9
packages/base/Resources/Public/Scss/components/_footer.scss
View File

@@ -1,8 +1,11 @@
.site-footer { .site-footer {
background: #f8f8ea;
color: #4b4b4b;
font-size: 0.9rem; font-size: 0.9rem;
padding: 2rem 0;
.container {
background: var(--bs-light-green);
border-top-left-radius: 2rem;
border-top-right-radius: 2rem;
}
&__top { &__top {
padding-bottom: 2rem; padding-bottom: 2rem;