fix: styles report bug

ctrlmais · Apr 5, 2022 · 0d33d09 · 0d33d09
1 parent 0218cdc
commit 0d33d09
Show file tree

Hide file tree

Showing 2 changed files with 35 additions and 38 deletions.
diff --git a/src/pages/ReportBug/ReportBug.module.scss b/src/pages/ReportBug/ReportBug.module.scss
@@ -1,12 +1,13 @@
 .home {
   background: var(--background);
-  height: 100vh;
+  height: 60vh;
 }
 
 .container {
   display: flex;
   flex-direction: column;
   align-items: center;
+  justify-content: center;
 }
 
 .title {
@@ -62,13 +63,14 @@ textarea {
 @media screen and (min-width: 839px) {
   .home {
     background: var(--background);
-    height: 100vh;
+    height: 60vh;
   }
 
   .container {
     display: flex;
     flex-direction: column;
     align-items: center;
+    justify-content: center;
   }
 
   .title {

diff --git a/src/pages/ReportBug/index.tsx b/src/pages/ReportBug/index.tsx
@@ -3,7 +3,6 @@ import { FiCheck, FiMessageSquare } from 'react-icons/fi';
 import { useForm } from '@formspree/react';
 
 import { Button } from 'components/Button';
-import { Header } from 'components/Header';
 import { Input } from 'components/Input';
 import { Overlay } from 'components/Overlay';
 
@@ -29,44 +28,40 @@ export function ReportBug() {
   }
 
   return (
-    <>
-      <div className={styles.home} data-theme={theme}>
-        <Header back />
-
-        <div className={styles.container}>
-          <form onSubmit={handleSubmit}>
-            <h2 className={styles.title}>Enviar bug</h2>
+    <div className={styles.home} data-theme={theme}>
+      <div className={styles.container}>
+        <form onSubmit={handleSubmit}>
+          <h2 className={styles.title}>Enviar bug</h2>
 
-            <div className={styles.bugContainer}>
-              <label className={styles.label}>Qual página você viu o bug?</label>
-              <Input
-                type="text"
-                name="page"
-                placeholder="Qual página você viu o bug?"
-                value={formikReportBug.values.page}
-                icon={<FiMessageSquare color="#666360" size={24} />}
-                onChange={formikReportBug.handleChange}
-                onBlur={formikReportBug.handleBlur}
-              />
+          <div className={styles.bugContainer}>
+            <label className={styles.label}>Qual página você viu o bug?</label>
+            <Input
+              type="text"
+              name="page"
+              placeholder="Qual página você viu o bug?"
+              value={formikReportBug.values.page}
+              icon={<FiMessageSquare color="#666360" size={24} />}
+              onChange={formikReportBug.handleChange}
+              onBlur={formikReportBug.handleBlur}
+            />
 
-              <label className={styles.label}>O que aconteceu?</label>
-              <textarea
-                className={styles.area}
-                name="message"
-                value={formikReportBug.values.message}
-                rows={10}
-                placeholder="O que aconteceu?"
-                onChange={formikReportBug.handleChange}
-                onBlur={formikReportBug.handleBlur}
-              />
-            </div>
+            <label className={styles.label}>O que aconteceu?</label>
+            <textarea
+              className={styles.area}
+              name="message"
+              value={formikReportBug.values.message}
+              rows={10}
+              placeholder="O que aconteceu?"
+              onChange={formikReportBug.handleChange}
+              onBlur={formikReportBug.handleBlur}
+            />
+          </div>
 
-            <div className={styles.buttonContainer}>
-              <Button type="submit">Enviar relatório</Button>
-            </div>
-          </form>
-        </div>
+          <div className={styles.buttonContainer}>
+            <Button type="submit">Enviar relatório</Button>
+          </div>
+        </form>
       </div>
-    </>
+    </div>
   );
 }