add: register & recovery password

2023-11-18 19:58:42 -06:00
commit afa8e1983b
37 changed files with 2730 additions and 0 deletions
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -0,0 +1,220 @@
+body {
+    margin: 0px 0px;
+    padding: 0px;
+}
+.bg-body{
+    background-color: red;
+}
+
+.w-lg-45{
+    width: 45%;
+}
+
+.radius-1 {
+    border-radius: 1rem !important;
+}
+
+.radius-2 {
+    border-radius: 2rem !important;
+}
+
+.radius-3 {
+    border-radius: 3rem !important;
+}
+
+.divider {
+    display: block;
+    height: 2px;
+    width: 100%;
+    background-color: rgb(243, 226, 226);
+}
+
+.btn-text{
+    font-size: 1.2rem;
+    font-weight: 700;
+    color: #FBBA33;
+    text-decoration: none;
+    cursor: pointer;
+}
+
+.btn-lg-block{
+    width: 100%;
+}
+
+.btn-primary-lg {
+    background-color: #FBBA33;
+    color: #FFF;
+    padding: 12px 30px;
+    border: none;
+    border-radius: 25px;
+    font-size: 18px;
+    text-decoration: none;
+    font-weight: 900;
+}
+
+.btn-primary-lg:hover {
+    background-color: #e3a11e;
+    transition: background-color 300ms ease;
+}
+
+.btn-primary-sm {
+    background-color: #FBBA33;
+    padding: 8px 16px;
+    color: #FFF;
+    font-size: 16px;
+    border: none;
+    text-decoration: none;
+    text-align: center;
+    border-radius: 13px;
+    font-weight: 700;
+}
+
+.btn-primary-sm:hover {
+    background-color: #e3a11e;
+    transition: background-color 300ms ease;
+}
+
+.title{
+    font-size: 1.6rem;
+    font-weight: 900;
+    color: #323030;
+}
+
+.text-content {
+    font-size: 1.2rem;
+    font-weight: normal;
+    color: #323030;
+}
+.title-main{
+    color: #FBBA33;
+}
+
+.card-info,
+.card-fixed {
+    width: 100%;
+    background-color: #FFF;
+    padding: 24px 32px;
+    border: none;
+    border-radius: 13px;
+    display: flex;
+    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.10));
+    margin-bottom: 12px;
+}
+
+.card-info h2{
+    font-size: 1.5rem;
+    font-weight: 800;
+    color: #323030;
+}
+
+.card-info p{
+    font-size: 1rem;
+    font-weight: 400;
+    color: #323030;
+}
+
+.loads-table {
+  overflow: scroll;
+}
+
+th {
+    font-size: 16px;
+    font-weight: 600;
+    align-items: center;
+    justify-content: center;
+    color: #323030;
+}
+td {
+  font-size: 14px;
+  font-weight: 400;
+  color: #323030;
+}
+
+.custom-label {
+    font-size: 1.2rem;
+    font-weight: 600;
+    color: #645555;
+}
+
+.custom-input {
+    background-color: rgb(233, 233, 241);
+    border-radius: 13px;
+    border: none;
+    padding: 10px 12px;
+    font-size: 1rem;
+}
+
+.custom-input:enabled{
+    border: none;
+}
+
+.custom-input:active{
+    border: none;
+}
+.custom-input:focus{
+    border: none;
+}
+
+@media (max-width: 1024px) {
+    th {
+      font-size: 13px;
+      font-weight: 500;
+    }
+    td {
+      font-size: 12px;
+      font-weight: 300;
+    }
+  }
+
+@media (max-width: 768px) {
+    .card-info {
+        padding: 16px 16px;
+    }
+
+    .card-info h2{
+        font-size: 1.2rem;
+        font-weight: 700;
+    }
+
+    .card-info p{
+        font-size: 0.8rem;
+        font-weight: 400;
+    }
+
+    .w-lg-45 {
+        width: 100%;
+    }
+
+    .btn-primary-lg {
+        padding: 8px 15px;
+        border: none;
+        border-radius: 25px;
+        font-size: 16px;
+        font-weight: 700;
+    }
+    .btn-primary-sm {
+        padding: 8px 12px;
+        font-size: 14px;
+        border: none;
+        border-radius: 13px;
+        font-weight: 700;
+    }
+}
+
+@media (max-width: 568px) {
+    .card-info {
+        width: 100%;
+        background-color: transparent;
+        padding: 16px 8px;
+        flex-direction: column;
+    }
+
+    th {
+      font-size: 13px;
+      font-weight: 400;
+    }
+    td {
+      font-size: 12px;
+      font-weight: 300;
+    }
+}