mirror of
https://github.com/coder/coder.git
synced 2026-11-04 15:15:19 +08:00
Jake Howell
8c2b1c7d69
This pull-request looks at all (most) of our instances of `const styles
= { ... }` and attempts to smooth them down into the minimum viable
Tailwind equivalent 🙂
26 lines
679 B
TypeScript
26 lines
679 B
TypeScript
import type { FC } from "react";
|
|
import { MemoizedMarkdown } from "#/components/Markdown/Markdown";
|
|
import { cn } from "#/utils/cn";
|
|
|
|
interface TemplateUpdateMessageProps {
|
|
children: string;
|
|
}
|
|
|
|
export const TemplateUpdateMessage: FC<TemplateUpdateMessageProps> = ({
|
|
children,
|
|
}) => {
|
|
return (
|
|
<MemoizedMarkdown
|
|
className={cn(
|
|
"text-sm leading-[1.2]",
|
|
"[&_h1]:mb-[0.75em] [&_h2]:mb-[0.75em] [&_h3]:mb-[0.75em]",
|
|
"[&_h4]:mb-[0.75em] [&_h5]:mb-[0.75em] [&_h6]:mb-[0.75em]",
|
|
"[&_h1]:text-[1.2em] [&_h2]:text-[1.15em] [&_h3]:text-[1.1em]",
|
|
"[&_h4]:text-[1.05em] [&_h5]:text-[1em] [&_h6]:text-[0.95em]",
|
|
)}
|
|
>
|
|
{children}
|
|
</MemoizedMarkdown>
|
|
);
|
|
};
|