fix: header styling

oxwazz · Nov 3, 2024 · 31c4a23 · 31c4a23
1 parent c962ba5
commit 31c4a23
Show file tree

Hide file tree

Showing 6 changed files with 12 additions and 12 deletions.
diff --git a/src/components/custom-mdx/Heading-1.astro b/src/components/custom-mdx/Heading-1.astro
@@ -6,9 +6,9 @@ type Props = {
 const props = Astro.props;
 ---
 
-<h1 id={props.id} class="group mt-0 flex items-center gap-2 text-2xl capitalize">
+<h1 id={props.id} class="group mt-0 text-2xl capitalize">
 	<slot />
-	<a href={"#" + props.id} class="no-cactus-link inline no-underline">
+	<a href={"#" + props.id} class="no-cactus-link inline-block no-underline">
 		<svg
 			class="m-0 h-4 text-link no-underline opacity-0 transition-all group-hover:opacity-20 group-hover:hover:opacity-50"
 			stroke="currentColor"

diff --git a/src/components/custom-mdx/Heading-2.astro b/src/components/custom-mdx/Heading-2.astro
@@ -6,9 +6,9 @@ type Props = {
 const props = Astro.props;
 ---
 
-<h2 id={props.id} class="group mt-0 flex items-center gap-2 text-xl capitalize">
+<h2 id={props.id} class="group mt-0 text-xl capitalize">
 	<slot />
-	<a href={"#" + props.id} class="no-cactus-link inline no-underline">
+	<a href={"#" + props.id} class="no-cactus-link inline-block no-underline">
 		<svg
 			class="m-0 h-4 text-link no-underline opacity-0 transition-all group-hover:opacity-20 group-hover:hover:opacity-50"
 			stroke="currentColor"

diff --git a/src/components/custom-mdx/Heading-3.astro b/src/components/custom-mdx/Heading-3.astro
@@ -6,9 +6,9 @@ type Props = {
 const props = Astro.props;
 ---
 
-<h3 id={props.id} class="group mt-0 flex items-center gap-2 text-lg capitalize">
+<h3 id={props.id} class="group mt-0 text-lg capitalize">
 	<slot />
-	<a href={"#" + props.id} class="no-cactus-link inline no-underline">
+	<a href={"#" + props.id} class="no-cactus-link inline-block no-underline">
 		<svg
 			class="m-0 h-4 text-link no-underline opacity-0 transition-all group-hover:opacity-20 group-hover:hover:opacity-50"
 			stroke="currentColor"

diff --git a/src/components/custom-mdx/Heading-4.astro b/src/components/custom-mdx/Heading-4.astro
@@ -6,9 +6,9 @@ type Props = {
 const props = Astro.props;
 ---
 
-<h4 id={props.id} class="group mt-0 flex items-center gap-2 text-base capitalize">
+<h4 id={props.id} class="group mt-0 text-base capitalize">
 	<slot />
-	<a href={"#" + props.id} class="no-cactus-link inline no-underline">
+	<a href={"#" + props.id} class="no-cactus-link inline-block no-underline">
 		<svg
 			class="m-0 h-4 text-link no-underline opacity-0 transition-all group-hover:opacity-20 group-hover:hover:opacity-50"
 			stroke="currentColor"

diff --git a/src/components/custom-mdx/Heading-5.astro b/src/components/custom-mdx/Heading-5.astro
@@ -6,9 +6,9 @@ type Props = {
 const props = Astro.props;
 ---
 
-<h5 id={props.id} class="group mt-0 flex items-center gap-2 text-sm capitalize">
+<h5 id={props.id} class="group mt-0 text-sm capitalize">
 	<slot />
-	<a href={"#" + props.id} class="no-cactus-link inline no-underline">
+	<a href={"#" + props.id} class="no-cactus-link inline-block no-underline">
 		<svg
 			class="m-0 h-4 text-link no-underline opacity-0 transition-all group-hover:opacity-20 group-hover:hover:opacity-50"
 			stroke="currentColor"

diff --git a/src/components/custom-mdx/Heading-6.astro b/src/components/custom-mdx/Heading-6.astro
@@ -6,9 +6,9 @@ type Props = {
 const props = Astro.props;
 ---
 
-<h6 id={props.id} class="group mt-0 flex items-center gap-2 text-xs capitalize">
+<h6 id={props.id} class="group mt-0 text-xs capitalize">
 	<slot />
-	<a href={"#" + props.id} class="no-cactus-link inline no-underline">
+	<a href={"#" + props.id} class="no-cactus-link inline-block no-underline">
 		<svg
 			class="m-0 h-4 text-link no-underline opacity-0 transition-all group-hover:opacity-20 group-hover:hover:opacity-50"
 			stroke="currentColor"