brut/bincio-activity
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

feat: move Ideas into Support page tab; remove Ideas from nav

Browse Source
This commit is contained in:
Davide Scaini
2026-06-03 11:07:35 +02:00
parent 08f451ec71
commit 37e91af5bd
3 changed files with 17 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/src/layouts/Base.astro
+1 -9
View File
@@ -257,12 +257,7 @@ try {
class="hidden sm:inline text-xs text-zinc-500 hover:text-white transition-colors px-1"
>Planner</a>
)}
<!-- Ideas / About — always visible on desktop -->
<a
href={`${baseUrl}ideas/`}
class="hidden sm:inline text-xs text-zinc-500 hover:text-white transition-colors px-1"
>Ideas</a>
<a
<
href={`${baseUrl}support/`}
class="hidden sm:inline text-xs text-zinc-500 hover:text-white transition-colors px-1"
>Support</a>
@@ -330,9 +325,6 @@ try {
style="display:none; color: var(--text-4)"
class="text-sm px-2 py-1.5 rounded hover:bg-zinc-800 transition-colors">Planner</a>
)}
<a href={`${baseUrl}ideas/`}
class="text-sm px-2 py-1.5 rounded hover:bg-zinc-800 transition-colors"
style="color: var(--text-4)">Ideas</a>
<a href={`${baseUrl}support/`}
class="text-sm px-2 py-1.5 rounded hover:bg-zinc-800 transition-colors"
style="color: var(--text-4)">Support</a>
site/src/pages/ideas/index.astro
+3 -5
View File
@@ -1,7 +1,5 @@
---
import Base from '../../layouts/Base.astro';
import IdeasPage from '../../components/IdeasPage.svelte';
const target = (import.meta.env.BASE_URL ?? '/') + 'support/#ideas';
---
<Base title="Ideas — BincioActivity">
<IdeasPage client:only="svelte" />
</Base>
<meta http-equiv="refresh" content={`0;url=${target}`} />
<script define:vars={{ target }}>window.location.replace(target);</script>
site/src/pages/support/index.astro
+13 -6
View File
@@ -1,5 +1,6 @@
---
import Base from '../../layouts/Base.astro';
import IdeasPage from '../../components/IdeasPage.svelte';
const baseUrl = import.meta.env.BASE_URL ?? '/';
---
<Base title="Support — BincioActivity">
@@ -8,11 +9,12 @@ const baseUrl = import.meta.env.BASE_URL ?? '/';
<p class="text-sm text-zinc-500 mb-5">Open-source, self-hosted activity tracking</p>
<!-- Tab bar -->
<div class="flex gap-1 border-b border-zinc-800 mb-6">
<button data-tab="donate" class="tab-btn px-4 py-2 text-sm font-medium rounded-t transition-colors">Donate</button>
<button data-tab="about" class="tab-btn px-4 py-2 text-sm font-medium rounded-t transition-colors">About</button>
<button data-tab="community" class="tab-btn px-4 py-2 text-sm font-medium rounded-t transition-colors">Community</button>
<button data-tab="feedback" class="tab-btn px-4 py-2 text-sm font-medium rounded-t transition-colors">Feedback</button>
<div class="flex gap-1 border-b border-zinc-800 mb-6 overflow-x-auto">
<button data-tab="donate" class="tab-btn px-4 py-2 text-sm font-medium rounded-t transition-colors shrink-0">Donate</button>
<button data-tab="ideas" class="tab-btn px-4 py-2 text-sm font-medium rounded-t transition-colors shrink-0">Ideas</button>
<button data-tab="feedback" class="tab-btn px-4 py-2 text-sm font-medium rounded-t transition-colors shrink-0">Feedback</button>
<button data-tab="community" class="tab-btn px-4 py-2 text-sm font-medium rounded-t transition-colors shrink-0">Community</button>
<button data-tab="about" class="tab-btn px-4 py-2 text-sm font-medium rounded-t transition-colors shrink-0">About</button>
</div>
<!-- ── DONATE ─────────────────────────────────────────────────────── -->
@@ -106,6 +108,11 @@ const baseUrl = import.meta.env.BASE_URL ?? '/';
</div>
</div>
<!-- ── IDEAS ────────────────────────────────────────────────────────── -->
<div id="tab-ideas" class="tab-panel" style="display:none">
<IdeasPage client:only="svelte" />
</div>
<!-- ── ABOUT ──────────────────────────────────────────────────────── -->
<div id="tab-about" class="tab-panel" style="display:none">
<div class="flex justify-end gap-3 text-xs text-zinc-500 mb-5">
@@ -245,7 +252,7 @@ const baseUrl = import.meta.env.BASE_URL ?? '/';
<script>
// ── Tabs ──────────────────────────────────────────────────────────────────────
const TABS = ['donate', 'about', 'community', 'feedback'] as const;
const TABS = ['donate', 'ideas', 'feedback', 'community', 'about'] as const;
type TabName = typeof TABS[number];
function showTab(name: TabName) {