mirror of
https://github.com/excalidraw/excalidraw.git
synced 2025-05-03 10:00:07 -04:00
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:
parent
eca2bdabcc
commit
facde7ace0
6 changed files with 36 additions and 28 deletions
|
@ -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>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue