feat: move Ideas into Support page tab; remove Ideas from nav
This commit is contained in:
@@ -257,12 +257,7 @@ try {
|
|||||||
class="hidden sm:inline text-xs text-zinc-500 hover:text-white transition-colors px-1"
|
class="hidden sm:inline text-xs text-zinc-500 hover:text-white transition-colors px-1"
|
||||||
>Planner</a>
|
>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/`}
|
href={`${baseUrl}support/`}
|
||||||
class="hidden sm:inline text-xs text-zinc-500 hover:text-white transition-colors px-1"
|
class="hidden sm:inline text-xs text-zinc-500 hover:text-white transition-colors px-1"
|
||||||
>Support</a>
|
>Support</a>
|
||||||
@@ -330,9 +325,6 @@ try {
|
|||||||
style="display:none; color: var(--text-4)"
|
style="display:none; color: var(--text-4)"
|
||||||
class="text-sm px-2 py-1.5 rounded hover:bg-zinc-800 transition-colors">Planner</a>
|
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/`}
|
<a href={`${baseUrl}support/`}
|
||||||
class="text-sm px-2 py-1.5 rounded hover:bg-zinc-800 transition-colors"
|
class="text-sm px-2 py-1.5 rounded hover:bg-zinc-800 transition-colors"
|
||||||
style="color: var(--text-4)">Support</a>
|
style="color: var(--text-4)">Support</a>
|
||||||
|
|||||||
@@ -1,7 +1,5 @@
|
|||||||
---
|
---
|
||||||
import Base from '../../layouts/Base.astro';
|
const target = (import.meta.env.BASE_URL ?? '/') + 'support/#ideas';
|
||||||
import IdeasPage from '../../components/IdeasPage.svelte';
|
|
||||||
---
|
---
|
||||||
<Base title="Ideas — BincioActivity">
|
<meta http-equiv="refresh" content={`0;url=${target}`} />
|
||||||
<IdeasPage client:only="svelte" />
|
<script define:vars={{ target }}>window.location.replace(target);</script>
|
||||||
</Base>
|
|
||||||
|
|||||||
@@ -1,5 +1,6 @@
|
|||||||
---
|
---
|
||||||
import Base from '../../layouts/Base.astro';
|
import Base from '../../layouts/Base.astro';
|
||||||
|
import IdeasPage from '../../components/IdeasPage.svelte';
|
||||||
const baseUrl = import.meta.env.BASE_URL ?? '/';
|
const baseUrl = import.meta.env.BASE_URL ?? '/';
|
||||||
---
|
---
|
||||||
<Base title="Support — BincioActivity">
|
<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>
|
<p class="text-sm text-zinc-500 mb-5">Open-source, self-hosted activity tracking</p>
|
||||||
|
|
||||||
<!-- Tab bar -->
|
<!-- Tab bar -->
|
||||||
<div class="flex gap-1 border-b border-zinc-800 mb-6">
|
<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">Donate</button>
|
<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="about" class="tab-btn px-4 py-2 text-sm font-medium rounded-t transition-colors">About</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="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 shrink-0">Feedback</button>
|
||||||
<button data-tab="feedback" class="tab-btn px-4 py-2 text-sm font-medium rounded-t transition-colors">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>
|
</div>
|
||||||
|
|
||||||
<!-- ── DONATE ─────────────────────────────────────────────────────── -->
|
<!-- ── DONATE ─────────────────────────────────────────────────────── -->
|
||||||
@@ -106,6 +108,11 @@ const baseUrl = import.meta.env.BASE_URL ?? '/';
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<!-- ── IDEAS ────────────────────────────────────────────────────────── -->
|
||||||
|
<div id="tab-ideas" class="tab-panel" style="display:none">
|
||||||
|
<IdeasPage client:only="svelte" />
|
||||||
|
</div>
|
||||||
|
|
||||||
<!-- ── ABOUT ──────────────────────────────────────────────────────── -->
|
<!-- ── ABOUT ──────────────────────────────────────────────────────── -->
|
||||||
<div id="tab-about" class="tab-panel" style="display:none">
|
<div id="tab-about" class="tab-panel" style="display:none">
|
||||||
<div class="flex justify-end gap-3 text-xs text-zinc-500 mb-5">
|
<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>
|
<script>
|
||||||
// ── Tabs ──────────────────────────────────────────────────────────────────────
|
// ── Tabs ──────────────────────────────────────────────────────────────────────
|
||||||
const TABS = ['donate', 'about', 'community', 'feedback'] as const;
|
const TABS = ['donate', 'ideas', 'feedback', 'community', 'about'] as const;
|
||||||
type TabName = typeof TABS[number];
|
type TabName = typeof TABS[number];
|
||||||
|
|
||||||
function showTab(name: TabName) {
|
function showTab(name: TabName) {
|
||||||
|
|||||||
Reference in New Issue
Block a user