From d67f3514eff4f45ad1ca84cde6465e622acd4dcc Mon Sep 17 00:00:00 2001
From: flu0r1ne <flu0r1ne@flu0r1ne.net>
Date: Thu, 7 Sep 2023 21:28:37 -0500
Subject: 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.
---
 pages/wg2nd/index.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

(limited to 'pages/wg2nd/index.tsx')

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} >
-- 
cgit v1.2.3

