nobbz.dev
Mirror of the sourcecode for my blog, original repo: https://github.com/NobbZ/blog-nobbz-dev
1---
2// SPDX-FileCopyrightText: 2025 Norbert Melzer
3// SPDX-FileContributor: Norbert Melzer
4//
5// SPDX-License-Identifier: MIT
6
7export type Props = {
8 href?: string;
9};
10
11const { href } = Astro.props;
12
13const active = !!href;
14---
15
16<div
17 class:list={[
18 "border-2",
19 "border-ctp-surface2",
20 "rounded-md",
21 "p-1",
22 "m-1",
23 active
24 ? "bg-ctp-crust hover:bg-ctp-surface2 hover:shadow-xl hover:shadow-ctp-base text-ctp-blue"
25 : "bg-ctp-overlay0 text-ctp-overlay2 opacity-40",
26 ]}
27>
28 <a href={href}><slot /></a>
29</div>