prices: line the tab bar up with the full-width CS skins page
Deploy production / deploy (push) Has been cancelled
Deploy production / deploy (push) Has been cancelled
This commit is contained in:
1 parent
81b0c51672
commit
9b87aeb577
2 files changed
+17
-2
No files matched your search
@@ -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()}
|
||||
Reference in new issue
Block a user