Updated ui

This commit is contained in:
Patrick Alvin Alcala 2025-09-30 17:12:37 +08:00
parent dfec2f7f36
commit 7af0425b0c
2 changed files with 24 additions and 16 deletions

View file

@ -5,13 +5,14 @@ interface Props {
children: JSXElement
content?: 'left' | 'center' | 'right' | 'split' | 'spaced' | 'even'
gap?: number
padding?: string
}
export default (props: Props) => {
return (
<>
<Show when={props.gap}>
<section class={`row-${props.content || 'center'}`} style={`gap: ${props.gap}rem`}>
<section class={`row-${props.content || 'center'}`} style={`gap: ${props.gap || 0}rem; padding: ${props.padding || 0}`}>
{props.children}
</section>
</Show>