docs(hero): update changelog badge styling and layout

This commit is contained in:
Bereket Engida
2025-03-02 12:49:00 +03:00
parent 9e96a92113
commit 25de4b5f4f

View File

@@ -56,35 +56,29 @@ export default function Hero() {
<div className="relative z-10 md:text-center lg:text-left">
<div className="relative">
<div className="flex flex-col items-start gap-2">
<div className="flex items-center gap-1 mt-2">
<svg
xmlns="http://www.w3.org/2000/svg"
width="0.8em"
height="0.8em"
viewBox="0 0 24 24"
>
<path
fill="currentColor"
d="M13 4V2c4.66.5 8.33 4.19 8.85 8.85c.6 5.49-3.35 10.43-8.85 11.03v-2c3.64-.45 6.5-3.32 6.96-6.96A7.994 7.994 0 0 0 13 4m-7.33.2A9.8 9.8 0 0 1 11 2v2.06c-1.43.2-2.78.78-3.9 1.68zM2.05 11a9.8 9.8 0 0 1 2.21-5.33L5.69 7.1A8 8 0 0 0 4.05 11zm2.22 7.33A10.04 10.04 0 0 1 2.06 13h2c.18 1.42.75 2.77 1.63 3.9zm1.4 1.41l1.39-1.37h.04c1.13.88 2.48 1.45 3.9 1.63v2c-1.96-.21-3.82-1-5.33-2.26M12 17l1.56-3.42L17 12l-3.44-1.56L12 7l-1.57 3.44L7 12l3.43 1.58z"
></path>
</svg>
<span className="text-xs text-opacity-75">Own Your Auth</span>{" "}
<svg
width="8"
height="8"
viewBox="0 0 12 12"
fill="none"
className="mx-2"
xmlns="http://www.w3.org/2000/svg"
>
<path d="M6 0L12 10.5H0L6 0Z" fill="currentColor" />
</svg>
<div className="flex items-end gap-1 mt-2 ">
<div className="flex items-center gap-1">
<svg
xmlns="http://www.w3.org/2000/svg"
width="0.8em"
height="0.8em"
viewBox="0 0 24 24"
>
<path
fill="currentColor"
d="M13 4V2c4.66.5 8.33 4.19 8.85 8.85c.6 5.49-3.35 10.43-8.85 11.03v-2c3.64-.45 6.5-3.32 6.96-6.96A7.994 7.994 0 0 0 13 4m-7.33.2A9.8 9.8 0 0 1 11 2v2.06c-1.43.2-2.78.78-3.9 1.68zM2.05 11a9.8 9.8 0 0 1 2.21-5.33L5.69 7.1A8 8 0 0 0 4.05 11zm2.22 7.33A10.04 10.04 0 0 1 2.06 13h2c.18 1.42.75 2.77 1.63 3.9zm1.4 1.41l1.39-1.37h.04c1.13.88 2.48 1.45 3.9 1.63v2c-1.96-.21-3.82-1-5.33-2.26M12 17l1.56-3.42L17 12l-3.44-1.56L12 7l-1.57 3.44L7 12l3.43 1.58z"
></path>
</svg>
<span className="text-xs text-opacity-75">
Own Your Auth
</span>
</div>
<Link href={"/changelogs/1-2"}>
<span className="bg-gradient-to-tr from-stone-800 to-black px-2 py-1 rounded-none mb-1">
<span className="bg-gradient-to-tr from-stone-800/50 to-black px-2 rounded-none">
<span className="text-xs text-zinc-200 tracking-tighter font-mono mb-0 underline underline-offset-4">
v1.2 is out
</span>
<CornerRightUp className="inline ml-1 mb-[0.8px] w-3 h-3" />
<CornerRightUp className="inline ml-1 w-3 h-3" />
</span>
</Link>
</div>