fix: allow innerGrid on the wrapper

This commit is contained in:
Stefan Imhoff
2023-04-13 16:15:19 +02:00
parent 00c06fce72
commit c5819d5772
2 changed files with 5 additions and 2 deletions

View File

@@ -6,14 +6,16 @@ import { Title } from './Title';
export interface Props {
class?: string;
grid?: 'wide' | 'narrow';
innerGrid?: boolean;
}
const { class: className, grid = 'narrow' } = Astro.props;
const { class: className, grid = 'narrow', innerGrid } = Astro.props;
const titleClasses = cx(
'col-start-2 col-end-18 !mbe-0',
{
'md:col-start-3 md:col-end-17': grid === 'wide',
'md:col-start-3 md:col-end-15 xl:col-end-14 3xl:col-end-13': grid === 'narrow',
'!col-start-1 row-start-1': innerGrid,
},
className
);