gitea_admin/Styleguide
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add public layout footer card

Browse Source
This commit is contained in:
Mathias Gläser
2026-06-18 11:21:13 +02:00
parent d7b79e8907
commit 6c7e9bb635
2 changed files with 30 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
patterns/page-layout-public.html
+11
View File
@@ -43,6 +43,17 @@
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer convallis purus sed urna ultricies, id aliquet justo malesuada. Morbi luctus, augue in cursus ultrices, justo lorem posuere mi, at suscipit est turpis vitae ipsum.
</p>
</div>
<div class="sg-content-cards-group sg-page-layout-public__footer-group" data-pattern="content-cards-group" aria-label="Fusszeile">
<article class="sg-card sg-card--content-card" data-component="content-card" aria-label="Fusszeile">
<div class="sg-card-segment sg-card-segment--header sg-card-segment--darkblue" data-component-part="card-header">
<div class="sg-strong">Fusszeile</div>
</div>
<div class="sg-card-segment sg-card-segment--body" data-component-part="card-body">
<p class="sg-body">Platzhalterinhalt fuer die Fusszeile.</p>
</div>
</article>
</div>
</div>
</main>
styles/37-layouts-page-layout-public.css
+19
View File
@@ -2,6 +2,18 @@
/* Layouts: Page Layout Public */
/* ========================================================= */
body {
min-height: 100vh;
display: flex;
flex-direction: column;
}
main {
flex: 1;
display: flex;
flex-direction: column;
}
.sg-page-layout-public__heading-block {
margin-top: var(--spacing-large);
margin-bottom: var(--spacing-large);
@@ -11,4 +23,11 @@
width: 70vw;
max-width: 1100px;
margin-inline: auto;
display: flex;
flex-direction: column;
flex: 1;
}
.sg-page-layout-public__footer-group {
margin-top: auto;
}