feat: use an external link with arrow for speaker URL

SquiggleTools · Aug 15, 2024 · aa3abc2 · aa3abc2
1 parent 6407186
commit aa3abc2
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/app/components/AnchorWithArrow.css.ts b/app/components/AnchorWithArrow.css.ts
@@ -1,9 +1,8 @@
 import { style } from "@vanilla-extract/css";
 
 export const anchor = style({
-	display: "flex",
-	gap: "0.25em",
-	justifyContent: "flex-start",
+	display: "inline-flex",
+	alignItems: "center",
 });
 
 export const arrow = style({

diff --git a/app/components/AnchorWithArrow.tsx b/app/components/AnchorWithArrow.tsx
@@ -12,7 +12,6 @@ export function AnchorWithArrow({ children, href }: AnchorWithArrowProps) {
 			href={href}
 			rel="noreferrer"
 			target="_blank"
-			variant="heavy"
 		>
 			{children}
 			<Arrow className={styles.arrow} label="" variant="out" />

diff --git a/app/components/EventDetails.tsx b/app/components/EventDetails.tsx
@@ -33,7 +33,9 @@ export function EventDetails({ active, event }: EventDetailsProps) {
 								{" "}
 								by{" "}
 								{topic.author.url ? (
-									<a href={topic.author.url}>{topic.author.name}</a>
+									<AnchorWithArrow href={topic.author.url}>
+										{topic.author.name}
+									</AnchorWithArrow>
 								) : (
 									topic.author.name
 								)}