chore: convert AppPreview component totailwind

brettkolodny · brettkolodny · commit 252793cca2c3 · 2025-08-14T14:03:10.000Z
diff --git a/site/src/modules/resources/AppLink/AppPreview.tsx b/site/src/modules/resources/AppLink/AppPreview.tsx
@@ -4,20 +4,7 @@ import type { FC, PropsWithChildren } from "react";
 export const AppPreview: FC<PropsWithChildren> = ({ children }) => {
 	return (
 		<Stack
-			css={(theme) => ({
-				padding: "2px 12px",
-				borderRadius: 9999,
-				border: `1px solid ${theme.palette.divider}`,
-				color: theme.palette.text.primary,
-				background: theme.palette.background.paper,
-				flexShrink: 0,
-				width: "fit-content",
-				fontSize: 12,
-
-				"& img, & svg": {
-					width: 13,
-				},
-			})}
+			className="flex items-center h-8 px-3 rounded-full border border-solid border-surface-quaternary text-content-primary bg-surface-secondary flex-shrink-0 w-fit text-xs [&>svg]:w-[13px] [&>img]:w-[13px]"
 			alignItems="center"
 			direction="row"
 			spacing={1}
