Updated ui
This commit is contained in:
parent
dfec2f7f36
commit
7af0425b0c
2 changed files with 24 additions and 16 deletions
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue