Update dash bubble colors

acmutsa · Jul 22, 2024 · 3167ca9 · 3167ca9
1 parent 3886b58
commit 3167ca9
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/apps/web/src/components/dash/overview/ClientBubbles.tsx b/apps/web/src/components/dash/overview/ClientBubbles.tsx
@@ -14,7 +14,7 @@ export function Countdown({ title, date }: CountdownProps) {
 		expiryTimestamp: date,
 	});
 	return (
-		<div className="min-h-[150px] rounded-xl border border-muted p-5">
+		<div className="min-h-[150px] rounded-xl border border-border p-5">
 			<div className="flex justify-between">
 				<div className="flex flex-col items-center">
 					<h2

diff --git a/apps/web/src/components/dash/overview/ServerBubbles.tsx b/apps/web/src/components/dash/overview/ServerBubbles.tsx
@@ -12,7 +12,7 @@ import QRCode from "react-qr-code";
 
 export function Questions() {
 	return (
-		<div className="flex h-full min-h-[150px] w-full flex-col justify-between rounded-xl border border-muted p-5">
+		<div className="flex h-full min-h-[150px] w-full flex-col justify-between rounded-xl border border-border p-5">
 			<div>
 				<h1 className="font-bold">Have a question?</h1>
 				<p className="text-xs text-muted-foreground">
@@ -53,7 +53,7 @@ export function QuickQR({ qrPayload }: { qrPayload: string }) {
 	return (
 		<Link
 			href={"/dash/pass"}
-			className="row-span-2 flex flex-col items-center justify-center gap-y-2 rounded-xl border border-muted"
+			className="row-span-2 flex flex-col items-center justify-center gap-y-2 rounded-xl border border-border"
 		>
 			<p className="font-bold">Quick QR</p>
 			<div className="flex aspect-square h-[50%] items-center justify-center overflow-x-hidden rounded-xl border-2 border-dashed border-muted p-2">