remove inline css from 404

Signed-off-by: Michael Robinson <[email protected]>
MarquezProject · Aug 14, 2023 · 3023736 · 3023736
1 parent c9b5b36
commit 3023736
Show file tree

Hide file tree

Showing 3 changed files with 108 additions and 6 deletions.
diff --git a/schema.json b/schema.json
@@ -2221,6 +2221,30 @@
               "isDeprecated": false,
               "deprecationReason": null
             },
+            {
+              "name": "port",
+              "description": null,
+              "args": [],
+              "type": {
+                "kind": "SCALAR",
+                "name": "Int",
+                "ofType": null
+              },
+              "isDeprecated": false,
+              "deprecationReason": null
+            },
+            {
+              "name": "host",
+              "description": null,
+              "args": [],
+              "type": {
+                "kind": "SCALAR",
+                "name": "String",
+                "ofType": null
+              },
+              "isDeprecated": false,
+              "deprecationReason": null
+            },
             {
               "name": "polyfill",
               "description": null,
@@ -7743,6 +7767,26 @@
                   },
                   "defaultValue": null
                 },
+                {
+                  "name": "port",
+                  "description": null,
+                  "type": {
+                    "kind": "INPUT_OBJECT",
+                    "name": "IntQueryOperatorInput",
+                    "ofType": null
+                  },
+                  "defaultValue": null
+                },
+                {
+                  "name": "host",
+                  "description": null,
+                  "type": {
+                    "kind": "INPUT_OBJECT",
+                    "name": "StringQueryOperatorInput",
+                    "ofType": null
+                  },
+                  "defaultValue": null
+                },
                 {
                   "name": "polyfill",
                   "description": null,
@@ -17529,6 +17573,18 @@
               "isDeprecated": false,
               "deprecationReason": null
             },
+            {
+              "name": "port",
+              "description": null,
+              "isDeprecated": false,
+              "deprecationReason": null
+            },
+            {
+              "name": "host",
+              "description": null,
+              "isDeprecated": false,
+              "deprecationReason": null
+            },
             {
               "name": "polyfill",
               "description": null,
@@ -18384,6 +18440,26 @@
               },
               "defaultValue": null
             },
+            {
+              "name": "port",
+              "description": null,
+              "type": {
+                "kind": "INPUT_OBJECT",
+                "name": "IntQueryOperatorInput",
+                "ofType": null
+              },
+              "defaultValue": null
+            },
+            {
+              "name": "host",
+              "description": null,
+              "type": {
+                "kind": "INPUT_OBJECT",
+                "name": "StringQueryOperatorInput",
+                "ofType": null
+              },
+              "defaultValue": null
+            },
             {
               "name": "polyfill",
               "description": null,

diff --git a/src/pages/404.tsx b/src/pages/404.tsx
@@ -10,18 +10,18 @@ export default ({ location }: PageProps<{}, {}>) => {
             }}
             location={location}
         >
-            <div className="container mx-auto py-12">
-                <div className="title py-12 text-center">
-                    <h2 className="text-7xl text-color-1">
-                        4<span className="text-primary">0</span>4
+            <div className="not-found-div">
+                <div className="not-found-title-div">
+                    <h2 className="not-found-title">
+                        4<span className="not-found-title-text">0</span>4
                     </h2>
                 </div>
-                <div className="pb-20 text-center">
+                <div className="not-found-msg">
                     <p>Oops! That page does not exist. <span role="img" aria-label="Sad face">😞</span></p>
                     <p>
                         <button onClick={() => {
                             if(window.history) window.history.back();
-                        }} className="text-link">Go Back?</button>
+                        }} className="not-found-btn">Go Back?</button>
                     </p>
                 </div>
             </div>

diff --git a/src/style/index.css b/src/style/index.css
@@ -467,4 +467,30 @@ h1, h2, h3, h4, h5, h6 {
 
 .blog-div-children {
     @apply flex flex-wrap;
+}
+
+/* 404 */
+
+.not-found-div {
+    @apply container mx-auto py-12;
+}
+
+.not-found-title-div {
+    @apply title py-12 text-center;
+}
+
+.not-found-title {
+    @apply text-7xl text-color-1;
+}
+
+.not-found-title-text {
+    @apply text-primary;
+}
+
+.not-found-msg {
+    @apply pb-20 text-center;
+}
+
+.not-found-btn {
+    @apply text-link;
 }