fix: info and caution components

This commit is contained in:
iCrawl
2022-10-07 01:14:49 +02:00
parent ecfe4e3f1c
commit 35bfba0c50
3 changed files with 200 additions and 4 deletions

View File

@@ -3,13 +3,13 @@ import { VscWarning } from 'react-icons/vsc';
export function Caution({ children }: PropsWithChildren<{}>) {
return (
<div className="rounded border border-blue-500 p-4">
<div className="my-4 rounded border border-red-500 p-4">
<div className="flex flex-row place-items-center gap-4">
<span className="text-blue-500">
<span className="text-red-500">
<VscWarning size={20} />
</span>
<div className="flex flex-col gap-2 text-sm">
<span className="font-semibold text-blue-500">Caution</span>
<span className="font-semibold text-red-500">Caution</span>
{children}
</div>
</div>

View File

@@ -3,7 +3,7 @@ import { VscInfo } from 'react-icons/vsc';
export function Info({ children }: PropsWithChildren<{}>) {
return (
<div className="rounded border border-blue-500 p-4">
<div className="my-4 rounded border border-blue-500 p-4">
<div className="flex flex-row place-items-center gap-4">
<span className="text-blue-500">
<VscInfo size={20} />