diff options
| author | Furkan Sahin <furkan-dev@proton.me> | 2023-09-07 21:28:37 -0500 |
|---|---|---|
| committer | Furkan Sahin <furkan-dev@proton.me> | 2023-09-07 21:28:37 -0500 |
| commit | a61ffbc784d7c834c9ef483e36600fc5465b1dde (patch) | |
| tree | 979e5ef361a3a269a73d121d278365755b22edb9 /pages/wg2nd | |
| parent | 6e5037aacc594dbc4ba8e6c3f1824844c09263dd (diff) | |
Scoped global styling to all markdown
Make React compatible with markdown-style HTML by added components
with identical styling to markdown. This is done while CSS scoping
is maintained. Additional style is loaded through the markdown loader
by injecting default-styling tags into the components. This allows
default-margin to be added to these elements in addition to the styling
found in the React elements. The homepage reflects the domain, as defined
by an environmental variable.
Diffstat (limited to 'pages/wg2nd')
| -rw-r--r-- | pages/wg2nd/index.tsx | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/pages/wg2nd/index.tsx b/pages/wg2nd/index.tsx index 3f38a12..a189f6d 100644 --- a/pages/wg2nd/index.tsx +++ b/pages/wg2nd/index.tsx @@ -7,7 +7,7 @@ import TextArea from '../../components/TextArea'; import Input from '../../components/Input'; import Button from '../../components/Button'; import Markdown from '../../components/Markdown'; -import Typography from '../../components/Typography'; +import Typ from '../../components/Typ'; import PathCrumbs from "../../components/PathCrumbs"; @@ -142,10 +142,10 @@ const Wg2nd = () => { {/* Input Panel */} <Panel> - <Typography variant="h3">WireGuard Configuration</Typography> + <Typ variant="h3">WireGuard Configuration</Typ> <Box my={1}> <label htmlFor="wg_config_intf_name"> - <Typography variant="h4" gutter>Interface Name</Typography> + <Typ variant="h4" gutter>Interface Name</Typ> </label> <Input ref={intfNameRef} @@ -156,7 +156,7 @@ const Wg2nd = () => { </Box> <Box my={1}> <label htmlFor="wg_config_conf"> - <Typography variant="h4" gutter>Interface Configuration</Typography> + <Typ variant="h4" gutter>Interface Configuration</Typ> </label> <TextArea ref={intfConfigRef} @@ -179,7 +179,7 @@ const Wg2nd = () => { {/* Output Panel */} <Panel> <label htmlFor="nd_config_cmds"> - <Typography variant="h3">Networkd Configuration</Typography> + <Typ variant="h3">Networkd Configuration</Typ> </label> <Box my={1}> <div ref={parentDebounceDiv} > |