This commit is contained in:
lingdocs 2022-05-15 18:57:14 -05:00
parent ff5d35d85a
commit ba7802ccb5
2 changed files with 2 additions and 2 deletions

View File

@ -13,7 +13,7 @@ function NPPlayground({ opts, npIn }: {
const [np, setNp] = useState<T.NPSelection | undefined>(npIn); const [np, setNp] = useState<T.NPSelection | undefined>(npIn);
console.log({ np }); console.log({ np });
return <div className="d-flex flex-column align-items-center"> return <div className="d-flex flex-column align-items-center">
<div style={{ maxWidth: "225px", marginBottom: "2rem", overflowX: "auto" }}> <div style={{ maxWidth: "225px", marginBottom: "2rem" }}>
<NPPicker <NPPicker
opts={opts} opts={opts}
np={np} np={np}

View File

@ -9,7 +9,7 @@ function PhraseDiagram({ opts, children }: {
opts: T.TextOptions, opts: T.TextOptions,
children: BlockInput[] children: BlockInput[]
}) { }) {
return <div style={{ width: "100%", overflowX: "visible" }}> return <div>
<div className="d-flex flex-row justify-content-center" style={{ maxWidth: "100%" }}> <div className="d-flex flex-row justify-content-center" style={{ maxWidth: "100%" }}>
{children.map((block) => ( {children.map((block) => (
<Block key={Math.random()} opts={opts}>{block}</Block> <Block key={Math.random()} opts={opts}>{block}</Block>