✨ Personalize

pkg/views/layouts/auth.gohtml

@@ -107,6 +107,12 @@
         display: unset;
     }
 
+    .columns-two {
+        display: grid;
+        grid-template-columns: 1fr 1fr;
+        gap: 1rem;
+    }
+
     @media (min-width: 768px) {
         .wrapper-card {
             grid-template-columns: 1fr 1fr;

pkg/views/layouts/user-center.gohtml

@@ -78,10 +78,66 @@
         text-transform: capitalize;
     }
 
+    .logo {
+        margin-left: -8px;
+        margin-bottom: -8px;
+        display: block;
+    }
+
+    .title {
+        margin-block-start: 0.33em;
+        margin-block-end: 0.33em;
+        font-size: 2.5rem;
+    }
+
+    .caption {
+        font-size: 1rem;
+    }
+
+    .action-form {
+        display: flex;
+        flex-direction: column;
+        gap: 0.8rem 0;
+    }
+
+    .action-form-buttons {
+        display: flex;
+        justify-content: end;
+        margin-top: 8px;
+        gap: 4px;
+    }
+
+    .block-field {
+        width: 100%;
+    }
+
+    .responsive-hidden {
+        display: unset;
+    }
+
+    .columns-two {
+        display: grid;
+        grid-template-columns: 1fr 1fr;
+        gap: 1rem;
+    }
+
+    .divider {
+        margin: 1rem 0.2rem;
+        border-top: 1px solid var(--md-sys-color-on-surface);
+        border-left: none !important;
+        border-right: none !important;
+        border-bottom: none !important;
+    }
+
     @media (min-width: 768px) {
         .wrapper-card {
             grid-template-columns: 1fr 1fr;
         }
+
+        .responsive-title-gap {
+            height: calc(56px + 0.44rem);
+            display: block;
+        }
     }
 </style>
 </html>