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

fix button size issue

This commit is contained in:
lingdocs 2022-07-29 14:54:01 -05:00
parent c9e4c253e4
commit 6b08af79b0
2 changed files with 3 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@lingdocs/pashto-inflector", "name": "@lingdocs/pashto-inflector",
"version": "3.6.4", "version": "3.6.5",
"author": "lingdocs.com", "author": "lingdocs.com",
"description": "A Pashto inflection and verb conjugation engine, inculding React components for displaying Pashto text, inflections, and conjugations", "description": "A Pashto inflection and verb conjugation engine, inculding React components for displaying Pashto text, inflections, and conjugations",
"homepage": "https://verbs.lingdocs.com", "homepage": "https://verbs.lingdocs.com",

8
src/components/DisplayModeSelect.tsx
View File

@ -20,12 +20,8 @@ export function ScriptSelect({ value, onChange }: { value: "p" | "f", onChange:
} }
export function LengthSelect({ value, onChange }: { value: "long" | "short", onChange: (l: "long" | "short") => void }) { export function LengthSelect({ value, onChange }: { value: "long" | "short", onChange: (l: "long" | "short") => void }) {
return <button style={{ marginLeft: "1.5rem" }} className="btn btn-sm btn-light"> return <button style={{ marginLeft: "1.5rem" }} className="btn btn-sm btn-light" onClick={() => onChange(value === "long" ? "short" : "long")}>
{value === "long" ? <div className="clickable" onClick={() => onChange("short")}> {value}
long
</div> : <div className="clickable" onClick={() => onChange("long")}>
short
</div>}
</button>; </button>;
} }