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

Fix public cards page full width layout

Browse Source
This commit is contained in:
Mathias Gläser
2026-06-23 17:29:58 +02:00
parent 6de7cb5807
commit 5f585ff599
2 changed files with 14 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/cards-public-page.html
+1 -1
View File
@@ -10,7 +10,7 @@
<h1 class="sg-main-heading">Components – Cards Public Page</h1>
<main aria-label="Cards Public Page">
<main aria-label="Cards Public Page" class="sg-cards-public-page__main">
<section id="component-content-wrapper-card">
<p class="sg-preview-label">Component: Content Wrapper Card</p>
styles/40-components-cards.css
+13 -4
View File
@@ -226,16 +226,25 @@
width: 100%;
}
.sg-page-cards-public-page {
padding: 0;
}
.sg-page-cards-public-page > .sg-main-heading {
margin: 0 0 var(--spacing-large) 0;
padding-inline: var(--spacing-small);
}
.sg-page-cards-public-page .sg-cards-public-page__main {
width: 100%;
}
.sg-page-cards .sg-preview-area > .sg-card,
.sg-page-cards .sg-preview-area > .sg-transparent-card {
width: 100%;
max-width: none;
}
.sg-page-cards-public-page #component-content-wrapper-card {
margin-inline: calc(-1 * var(--spacing-small));
}
.sg-page-cards-public-page #component-content-wrapper-card > .sg-transparent-card {
width: 100%;
max-width: none;