Fix padding in the library loading buttons (#2331)

* Fix padding in the library loading buttons

* Update src/components/Stack.tsx

Co-authored-by: Dominic Lee <34794189+dominictwlee@users.noreply.github.com>

* extend CSSProperties TS definition

Co-authored-by: Dominic Lee <34794189+dominictwlee@users.noreply.github.com>
Co-authored-by: dwelle <luzar.david@gmail.com>
This commit is contained in:
Lipis 2020-11-04 12:05:12 +02:00 committed by GitHub
parent eca2bdabcc
commit facde7ace0
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 36 additions and 28 deletions

View file

@ -9,6 +9,7 @@ type StackProps = {
align?: "start" | "center" | "end" | "baseline";
justifyContent?: "center" | "space-around" | "space-between";
className?: string | boolean;
style?: React.CSSProperties;
};
const RowStack = ({
@ -17,17 +18,17 @@ const RowStack = ({
align,
justifyContent,
className,
style,
}: StackProps) => {
return (
<div
className={clsx("Stack Stack_horizontal", className)}
style={
{
"--gap": gap,
alignItems: align,
justifyContent,
} as React.CSSProperties
}
style={{
"--gap": gap,
alignItems: align,
justifyContent,
...style,
}}
>
{children}
</div>
@ -44,13 +45,11 @@ const ColStack = ({
return (
<div
className={clsx("Stack Stack_vertical", className)}
style={
{
"--gap": gap,
justifyItems: align,
justifyContent,
} as React.CSSProperties
}
style={{
"--gap": gap,
justifyItems: align,
justifyContent,
}}
>
{children}
</div>