CodeCow/stack
1
0
Fork 0
mirror of https://github.com/stack-auth/stack.git synced 2026-06-13 21:01:21 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

fixed message card style

Browse Source
This commit is contained in:
Zai Shi 2024-07-28 05:56:41 -07:00
parent 79616af471
commit 29a24dcf3b
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
packages/stack/src/components/message-cards/message-card.tsx
View File

@ -18,11 +18,11 @@ export function MessageCard(
) {
return (
<MaybeFullPage fullPage={fullPage}>
<div style={{ textAlign: 'center' }}>
<Typography type='h3' className="mb-6">{props.title}</Typography>
<div className="text-center stack-scope flex flex-col gap-4">
<Typography type='h3'>{props.title}</Typography>
{props.children}
{(props.primaryButtonText || props.secondaryButtonText) && (
<div style={{ display: 'flex', flexDirection: 'row', alignItems: 'center', justifyContent: 'center', gap: '16px', marginTop: 20 }}>
<div className="flex justify-center gap-4 my-5">
{props.secondaryButtonText && (
<Button variant="secondary" onClick={props.secondaryAction}>
{props.secondaryButtonText}