prices: line the tab bar up with the full-width CS skins page
Deploy production / deploy (push) Has been cancelled

This commit is contained in:
stan committed 2026-10-27 10:42:45 +00:00
1 parent 81b0c51672
commit 9b87aeb577
2 files changed
+17 -2

No files matched your search

+13 -1
View File
@@ -8,7 +8,19 @@
let { children } = $props();
const tabs = $derived(visiblePriceTabs(Boolean(page.data.isOwner)));
const wide = $derived(
tabs.find((t) => page.url.pathname === t.href || page.url.pathname.startsWith(`${t.href}/`))
?.wide
);
</script>
<SpottingSwitcher items={tabs} home="/trackers/prices" label="prices" homeIcon={Tag} />
<SpottingSwitcher
items={tabs}
home="/trackers/prices"
label="prices"
homeIcon={Tag}
class={wide
? 'relative mx-auto -mb-6 max-w-[1600px] px-[clamp(1rem,4vw,4rem)] pt-6 sm:-mb-8 sm:pt-8'
: undefined}
/>
{@render children()}