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

Add public content mirror layout

Browse Source
This commit is contained in:
Mathias Gläser
2026-06-18 11:15:04 +02:00
parent d85b5ff31f
commit 4ca88808c9
2 changed files with 13 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
patterns/page-layout-public.html
+2
View File
@@ -125,12 +125,14 @@
</div> </div>
</div> </div>
<div class="sg-page-layout-public__content-mirror">
<div class="sg-transparent-card sg-page-layout-public__heading-block" aria-label="H1 Bereich" data-component="transparent-card"> <div class="sg-transparent-card sg-page-layout-public__heading-block" aria-label="H1 Bereich" data-component="transparent-card">
<h1 class="sg-heading-h1 sg-text-on-dark">H1 Überschrift</h1> <h1 class="sg-heading-h1 sg-text-on-dark">H1 Überschrift</h1>
<p class="sg-body sg-text-layout-pattern__sample sg-text-layout-pattern__sample--sixty-width"> <p class="sg-body sg-text-layout-pattern__sample sg-text-layout-pattern__sample--sixty-width">
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. 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> </p>
</div> </div>
</div>
</main> </main>
<script src="../scripts/help-icon-overlays.js"></script> <script src="../scripts/help-icon-overlays.js"></script>
styles/37-layouts-page-layout-public.css
+6
View File
@@ -6,3 +6,9 @@
margin-top: var(--spacing-large); margin-top: var(--spacing-large);
margin-bottom: var(--spacing-large); margin-bottom: var(--spacing-large);
} }
.sg-page-layout-public__content-mirror {
width: 70vw;
max-width: 1100px;
margin-inline: auto;
}