-
- {{embed}}
+
+ {{if ne .info nil}}
+
+ {{end}}
+
+
+ {{embed}}
+
@@ -20,9 +28,19 @@
align-items: center;
}
- .wrapper-card {
+ .wrapper-middleware {
width: 100%;
- max-width: 720px;
+ min-width: 0;
+ max-width: min(800px, 100dvw);
+
+ margin: 1rem;
+
+ display: flex;
+ flex-direction: column;
+ gap: 1rem;
+ }
+
+ .wrapper-card {
transition: all .3s;
height: auto;
overflow: auto;
@@ -31,9 +49,25 @@
justify-content: center;
border-radius: 28px;
padding: 56px;
- margin: 2rem;
gap: 0 2rem;
- background-color: #ebf1fa;
+ background-color: var(--md-sys-color-surface);
+ color: var(--md-sys-color-on-surface)
+ }
+
+ .alert {
+ width: 100%;
+ max-width: 800px;
+ padding: 16px;
+ border-radius: 16px;
+ background-color: var(--md-sys-color-secondary-container);
+ color: var(--md-sys-color-on-secondary-container);
+ display: flex;
+ gap: 8px;
+ }
+
+ .alert .content {
+ flex-grow: 1;
+ text-transform: capitalize;
}
.logo {
diff --git a/pkg/views/partials/header.gohtml b/pkg/views/partials/header.gohtml
index 036c18f..e10ba0f 100644
--- a/pkg/views/partials/header.gohtml
+++ b/pkg/views/partials/header.gohtml
@@ -10,6 +10,11 @@
+
+