mirror of
https://github.com/enricoros/big-AGI.git
synced 2026-05-10 21:50:14 -07:00
Update heading
This commit is contained in:
@@ -1,21 +1,24 @@
|
||||
import { Box, ListDivider, Typography } from '@mui/joy';
|
||||
import * as React from 'react';
|
||||
|
||||
import { Box, ListDivider, Typography } from '@mui/joy';
|
||||
|
||||
|
||||
export function OptimaAppPageHeading(props: {
|
||||
title: React.ReactNode;
|
||||
tagline: React.ReactNode;
|
||||
accentedTagline?: boolean;
|
||||
startDecorator?: React.ReactNode;
|
||||
noDivider?: boolean;
|
||||
}) {
|
||||
return (
|
||||
<Box>
|
||||
<Box mb={2.25}>
|
||||
{!!props.title && <Typography level='h2' sx={{ textAlign: 'start' }} startDecorator={props.startDecorator}>
|
||||
{props.title}
|
||||
</Typography>}
|
||||
{!!props.tagline && <Typography level='body-sm' sx={{ color: !props.accentedTagline ? undefined : 'text.secondary', textAlign: 'start', mt: 0.75 }}>
|
||||
{props.tagline}
|
||||
</Typography>}
|
||||
<ListDivider sx={{ my: 2.25 }} />
|
||||
{!props.noDivider && <ListDivider sx={{ mt: 2.25 }} />}
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user