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

block-border to work with dark and light themes

This commit is contained in:
lingdocs 2022-07-24 23:07:51 -05:00
parent cedf4037ff
commit 31d05cc84b
3 changed files with 6 additions and 3 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.5.2", "version": "3.5.3",
"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",

4
src/App.css
View File

@ -52,6 +52,10 @@ body {
color: var(--high-contrast); color: var(--high-contrast);
} }
.block-border {
border: 2px solid var(--farthest);
}
.p-text { .p-text {
font-size: var(--p-text-size); font-size: var(--p-text-size);
} }

3
src/components/blocks/Block.tsx
View File

@ -70,9 +70,8 @@ export default Block;
function Border({ children, extraClassName, padding }: { children: JSX.Element | JSX.Element[] | string, extraClassName?: string, padding?: string }) { function Border({ children, extraClassName, padding }: { children: JSX.Element | JSX.Element[] | string, extraClassName?: string, padding?: string }) {
return <div return <div
className={`d-flex flex-row justify-content-center align-items-center ${extraClassName ? extraClassName : ""}`} className={`block-border d-flex flex-row justify-content-center align-items-center ${extraClassName ? extraClassName : ""}`}
style={{ style={{
border: "2px solid black",
padding: padding ? padding : "1rem", padding: padding ? padding : "1rem",
textAlign: "center", textAlign: "center",
}} }}