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

Make all cards on components cards page render full width

Browse Source
This commit is contained in:
Mathias Gläser
2026-05-21 11:41:16 +02:00
parent 4a0e4abef9
commit d650caf79c
2 changed files with 18 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/cards.html
+1 -1
View File
@@ -6,7 +6,7 @@
<title>Styleguide – Cards</title> <title>Styleguide – Cards</title>
<link rel="stylesheet" href="../styleguide.css"> <link rel="stylesheet" href="../styleguide.css">
</head> </head>
<body> <body class="sg-page-cards">
<h1 class="sg-main-heading">Components – Cards</h1> <h1 class="sg-main-heading">Components – Cards</h1>
styleguide.css
+17
View File
@@ -2341,6 +2341,23 @@ section + section {
width: calc(50% - var(--spacing-small)); width: calc(50% - var(--spacing-small));
} }
.sg-page-cards .sg-preview-area {
display: flex;
flex-direction: column;
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 .sg-group-card > .sg-card {
flex: 0 0 100%;
width: 100%;
}
.sg-transparent-card { .sg-transparent-card {
color: var(--text-card-transparent); color: var(--text-card-transparent);
background: var(--surface-card-transparent); background: var(--surface-card-transparent);