Tom/Elternbeirat
1
0 Fork 0
Code Issues 23 Pull Requests Actions Packages Projects Releases Wiki Activity

Give the site a warm design system with card-based content lists

Browse Source
This commit is contained in:
tleininger committed 2026-09-23 20:28:15 +02:00
1 parent 02654c20d3
commit fa49f80d65
11 files changed
+338 -200
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

Elternbeirat.Web/Features/Embeds/EventsEmbed.razor
+1 -1
View File
@@ -20,6 +20,6 @@
</li>
}
</ul>
<p><a href="/events">Alle Termine &rarr;</a></p>
<p class="embed-more"><a href="/events">Alle Termine <span aria-hidden="true">&rarr;</span></a></p>
}
</section>
Elternbeirat.Web/Features/Embeds/EventsEmbed.razor.css
+3 -31
View File
@@ -1,33 +1,5 @@
/* Card styles for .event-list are shared with the full events page and live in the
global app.css. Only the embed's spacing on the home page is specific here. */
.embed-events {
margin-top: 2rem;
}
.event-list {
list-style: none;
padding: 0;
}
.event-list li {
padding: 0.75rem 0;
border-bottom: 1px solid #eee;
}
.event-list time {
display: block;
color: #777;
font-size: 0.85rem;
}
.event-title {
font-size: 1.1rem;
font-weight: 600;
}
.event-location::before {
content: " · ";
color: #777;
}
.event-location {
color: #555;
margin-top: var(--space-5);
}
Elternbeirat.Web/Features/Embeds/FaqsEmbed.razor
+1 -1
View File
@@ -16,6 +16,6 @@
</div>
</details>
}
<p><a href="/faqs">Alle Fragen &rarr;</a></p>
<p class="embed-more"><a href="/faqs">Alle Fragen <span aria-hidden="true">&rarr;</span></a></p>
}
</section>
Elternbeirat.Web/Features/Embeds/FaqsEmbed.razor.css
+3 -16
View File
@@ -1,18 +1,5 @@
/* Card styles for .faq-item are shared with the full FAQ page and live in the
global app.css. Only the embed's spacing on the home page is specific here. */
.embed-faqs {
margin-top: 2rem;
}
.faq-item {
border-bottom: 1px solid #eee;
padding: 0.5rem 0;
}
.faq-item summary {
cursor: pointer;
font-weight: 600;
}
.faq-answer {
padding: 0.5rem 0 0.25rem;
color: #333;
margin-top: var(--space-5);
}
Elternbeirat.Web/Features/Embeds/PostsEmbed.razor
+1 -1
View File
@@ -18,6 +18,6 @@
</li>
}
</ul>
<p><a href="/posts">Alle Beiträge &rarr;</a></p>
<p class="embed-more"><a href="/posts">Alle Beiträge <span aria-hidden="true">&rarr;</span></a></p>
}
</section>
Elternbeirat.Web/Features/Embeds/PostsEmbed.razor.css
+3 -22
View File
@@ -1,24 +1,5 @@
/* Card styles for .post-list are shared with the full posts page and live in the
global app.css. Only the embed's spacing on the home page is specific here. */
.embed-posts {
margin-top: 2rem;
}
.post-list {
list-style: none;
padding: 0;
}
.post-list li {
padding: 0.75rem 0;
border-bottom: 1px solid #eee;
}
.post-list a {
font-size: 1.1rem;
text-decoration: none;
}
.post-list time {
display: block;
color: #777;
font-size: 0.85rem;
margin-top: var(--space-5);
}
Elternbeirat.Web/Features/Events/EventList.razor.css
+2 -42
View File
@@ -1,42 +1,2 @@
.event-list {
list-style: none;
padding: 0;
}
.event-list li {
padding: 0.75rem 0;
border-bottom: 1px solid #eee;
}
.event-list time {
display: block;
color: #777;
font-size: 0.85rem;
}
.event-title {
font-size: 1.1rem;
font-weight: 600;
}
.event-location::before {
content: " · ";
color: #777;
}
.event-location {
color: #555;
}
.event-note {
margin: 0.25rem 0 0;
color: #444;
}
.event-list-past {
color: #777;
}
.event-list-past .event-title {
font-weight: 400;
}
/* The .event-list card styles (including past-event styling) are shared with the
home-page embed and live in the global app.css. Nothing page-specific here. */
Elternbeirat.Web/Features/Faqs/FaqList.razor.css
+5 -17
View File
@@ -1,22 +1,10 @@
/* The .faq-item card styles are shared with the home-page embed and live in the
global app.css. Only the topic grouping is specific to this full page (the
embed shows a flat list without topic headings). */
.faq-topic {
margin-bottom: 2rem;
margin-bottom: var(--space-5);
}
.faq-topic h2 {
margin-bottom: 0.5rem;
}
.faq-item {
border-bottom: 1px solid #eee;
padding: 0.5rem 0;
}
.faq-item summary {
cursor: pointer;
font-weight: 600;
}
.faq-answer {
padding: 0.5rem 0 0.25rem;
color: #333;
margin-bottom: var(--space-3);
}
Elternbeirat.Web/Features/Posts/PostList.razor.css
+2 -20
View File
@@ -1,20 +1,2 @@
.post-list {
list-style: none;
padding: 0;
}
.post-list li {
padding: 0.75rem 0;
border-bottom: 1px solid #eee;
}
.post-list a {
font-size: 1.1rem;
text-decoration: none;
}
.post-list time {
display: block;
color: #777;
font-size: 0.85rem;
}
/* The .post-list card styles are shared with the home-page embed and live in the
global app.css. This page needs no extra styling of its own. */