feat: add contact form

2025-12-11 21:32:31 -03:00
parent 65fb14aea5
commit 158440d5c8
4 changed files with 126 additions and 0 deletions
--- a/src/app/components/contact-form/contact-form.scss
+++ b/src/app/components/contact-form/contact-form.scss
@@ -0,0 +1,44 @@
+form {
+  legend {
+    display: inline-block;
+    font-family: var(--secondaryFont);
+    font-size: 2rem;
+    text-align: center;
+
+    span {
+      clear: both;
+      display: block;
+      font-size: 1rem;
+      margin-bottom: 2rem;
+      margin-top: 1rem;
+    }
+  }
+}
+
+.footer {
+  display: flex;
+  justify-content: flex-end;
+  padding: 0.5rem 0;
+
+  app-squared-btn {
+    display: flex;
+    width: 100%;
+  }
+}
+
+@media (min-width: 768px) {
+  app-form-field {
+    flex: 0 0 calc(33.33% - 1rem);
+  }
+
+  .fields {
+    display: flex;
+    justify-content: space-between;
+  }
+
+  .footer {
+    app-squared-btn {
+      width: auto;
+    }
+  }
+}