minor styling adjustments

SammCheese · Jan 24, 2023 · 26a408f · 26a408f
1 parent 46e6e05
commit 26a408f
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 9 deletions.
diff --git a/src/components/DecryptionModal.tsx b/src/components/DecryptionModal.tsx
@@ -26,10 +26,10 @@ function DecModal(props: ModalProps) {
         <Text.H1 style={{ fontSize: "30px" }}>Decrypt Message</Text.H1>
       </Modal.ModalHeader>
       <Modal.ModalContent>
-        <Text>Secret</Text>
+        <Text.Eyebrow style={{ marginBottom: "5px" }}>Secret</Text.Eyebrow>
         {/* @ts-expect-error faulty type */}
         <TextInput defaultValue={secret} disabled={true}></TextInput>
-        <Text>Password</Text>
+        <Text.Eyebrow style={{ marginBottom: "5px" }}>Password</Text.Eyebrow>
         <TextInput
           placeholder={defaultPassword}
           onChange={(e: string) => {

diff --git a/src/components/EncryptionModal.tsx b/src/components/EncryptionModal.tsx
@@ -28,18 +28,22 @@ function EncModal(props: ModalProps) {
         <Text.H1>Encrypt Message</Text.H1>
       </Modal.ModalHeader>
       <Modal.ModalContent>
-        <Text style={{ marginTop: "10px" }}>Secret Message</Text>
+        <Text.Eyebrow style={{ marginTop: "10px", marginBottom: "5px" }}>
+          Secret Message
+        </Text.Eyebrow>
         <TextInput
           onChange={(e: string) => {
             setSecret(e);
           }}></TextInput>
-        <Text style={{ marginTop: "10px" }}>Cover (2 or more Words!!)</Text>
+        <Text.Eyebrow style={{ marginTop: "10px", marginBottom: "5px" }}>
+          Cover (2 or more Words!!)
+        </Text.Eyebrow>
         <TextInput
           disabled={DontUseCover}
           onChange={(e: string) => {
             setCover(e);
           }}></TextInput>
-        <Text style={{ marginTop: "10px" }}>Password</Text>
+        <Text.Eyebrow style={{ marginTop: "10px", marginBottom: "5px" }}>Password</Text.Eyebrow>
         <TextInput
           placeholder={defaultPassword}
           onChange={(e: string) => {
@@ -53,7 +57,9 @@ function EncModal(props: ModalProps) {
               setDontUseCover(e);
             }}
           />
-          <Text style={{ left: "20px", top: "4px", position: "relative" }}>Dont use a Cover</Text>
+          <Text.Eyebrow style={{ left: "20px", top: "4px", position: "relative" }}>
+            Dont use a Cover
+          </Text.Eyebrow>
         </Flex>
         <Divider style={{ marginTop: "10px", marginBottom: "10px" }} />
       </Modal.ModalContent>

diff --git a/src/components/Settings.tsx b/src/components/Settings.tsx
@@ -13,16 +13,18 @@ export function Settings() {
 
   return (
     <>
-      <Text.H2>Default Password</Text.H2>
+      <Text.Eyebrow style={{ marginBottom: "5px" }}>Default Password</Text.Eyebrow>
       <TextInput
         value={defaultSetting}
         onChange={(e: string) => {
           InvSettings.set("defaultPassword", e);
           setDefaultSetting(e);
         }}
       />
-      <Divider />
-      <Text.H2>Saved Passwords (separated by a ", ")</Text.H2>
+      <Divider style={{ marginTop: "10px", marginBottom: "10px" }} />
+      <Text.Eyebrow style={{ marginBottom: "5px" }}>
+        Saved Passwords (separated by a ", ")
+      </Text.Eyebrow>
       <TextInput
         placeholder="password, placeholder, test"
         value={passwords.join(", ")}