lingdocs
/
pashto-grammar
mirror of https://github.com/lingdocs/pashto-grammar.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

better

This commit is contained in:
lingdocs 2022-04-05 00:46:06 +05:00
parent 9f9236ba9b
commit 69cf37be70
2 changed files with 22 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/VerbPickerBelow.tsx
View File

@ -122,7 +122,10 @@ function VerbPickerBelow({ onChange, verb }: {
} }
const tOptions = (verb?.tenseCategory === "perfect") ? perfectTenseOptions : tenseOptions; const tOptions = (verb?.tenseCategory === "perfect") ? perfectTenseOptions : tenseOptions;
return <div className="mb-4 mt-3"> return <div className="mb-4 mt-3">
{verb && <div className="col text-center mb-2"> <div style={{ maxWidth: "300px", margin: "0 auto" }}>
<div className="d-flex flex-row justify-content-between align-items-center">
<div className="h5">Tense:</div>
{verb && <div className="mb-2">
<ButtonSelect <ButtonSelect
small small
value={verb.tenseCategory} value={verb.tenseCategory}
@ -139,8 +142,7 @@ function VerbPickerBelow({ onChange, verb }: {
handleChange={onTenseCategorySelect} handleChange={onTenseCategorySelect}
/> />
</div>} </div>}
<div style={{ maxWidth: "300px", margin: "0 auto" }}> </div>
<div>Tense:</div>
<Select <Select
isSearchable={false} isSearchable={false}
// for some reason can't use tOptions with find here; // for some reason can't use tOptions with find here;

4
src/components/np-picker/NPPicker.tsx
View File

@ -44,8 +44,8 @@ function NPPicker({ np, onChange, counterPart, asObject }: {
const clearButton = <button className="btn btn-sm btn-light mb-2" onClick={handleClear}>X</button>; const clearButton = <button className="btn btn-sm btn-light mb-2" onClick={handleClear}>X</button>;
return <div> return <div>
{!npType && <div className="d-flex flex-row align-items-center text-center mt-3"> {!npType && <div className="d-flex flex-row align-items-center text-center mt-3">
<div className="h4 mr-3"> <div className="h6 mr-3">
NP Choose NP
</div> </div>
<div className="ml-3"> <div className="ml-3">
{npTypes.map((npt) => <div className="mb-2"> {npTypes.map((npt) => <div className="mb-2">