jimeh/commonflow.org
1
0
Fork 0
mirror of https://github.com/jimeh/commonflow.org.git synced 2026-02-19 05:46:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

wip: getting close

Browse Source
This commit is contained in:
Jim Myhrberg
2026-01-10 22:40:47 +00:00
parent 1828ae6353
commit b22cf35953
21 changed files with 651 additions and 670 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/components/FAQSection.astro
View File

@@ -8,13 +8,13 @@ interface Props {
const { items } = Astro.props;
---
<section id="faq" class="py-20 sm:py-28 bg-gray-100 dark:bg-gray-900">
<section id="faq" class="py-20 sm:py-28 bg-gray-100 dark:bg-slate-900/30">
<div class="section-container">
<div class="max-w-3xl mx-auto">
<!-- Section header -->
<div class="mb-12 text-center">
<h2 class="text-3xl sm:text-4xl mb-4">FAQ</h2>
<p class="text-lg text-gray-600 dark:text-gray-400">
<p class="text-lg text-gray-600 dark:text-slate-400">
Common questions about Git Common-Flow
</p>
</div>
@@ -24,14 +24,14 @@ const { items } = Astro.props;
{
items.map((item, index) => (
<div
class="border-b border-gray-200 dark:border-gray-800"
class="border-b border-gray-200 dark:border-slate-800"
data-faq-item
>
<button
class="flex justify-between items-center w-full py-6 text-left
font-display text-lg font-semibold cursor-pointer
transition-colors
text-gray-950 dark:text-gray-50
text-gray-950 dark:text-slate-50
hover:text-sky-600"
aria-expanded="false"
data-faq-trigger
@@ -58,7 +58,7 @@ const { items } = Astro.props;
>
<div class="overflow-hidden">
<div
class="pb-6 text-gray-600 dark:text-gray-400 prose-spec spec-content"
class="pb-6 text-gray-600 dark:text-slate-400 prose-spec spec-content"
set:html={item.answer}
/>
</div>
@@ -100,22 +100,3 @@ const { items } = Astro.props;
// Re-initialize on Astro page transitions
document.addEventListener("astro:after-swap", initFAQ);
</script>
<style>
.spec-content :global(p:last-child) {
margin-bottom: 0;
}
.spec-content :global(ul),
.spec-content :global(ol) {
margin-top: 1rem;
}
.spec-content :global(li) {
color: #525252;
}
:global(.dark) .spec-content :global(li) {
color: #a3a3a3;
}
</style>