fix(keycloak): design logout completion page

2026-08-05 17:57:49 +08:00
parent 78135c8a50
commit b383cf7a4b
4 changed files with 106 additions and 0 deletions
@@ -367,6 +367,60 @@ a:focus-visible {
  background: transparent;
 }

+.tjwater-logout-message {
+  display: grid;
+  gap: 20px;
+  padding-top: 4px;
+}
+
+.tjwater-logout-mark {
+  display: grid;
+  width: 52px;
+  height: 52px;
+  border: 1px solid oklch(0.76 0.09 184 / 52%);
+  border-radius: 50%;
+  background: oklch(0.92 0.04 184 / 58%);
+  place-items: center;
+}
+
+.tjwater-logout-mark span {
+  width: 18px;
+  height: 10px;
+  border-bottom: 3px solid var(--tjwater-teal);
+  border-left: 3px solid var(--tjwater-teal);
+  transform: translateY(-2px) rotate(-45deg);
+}
+
+.tjwater-logout-copy {
+  display: grid;
+  gap: 7px;
+}
+
+.tjwater-logout-eyebrow {
+  margin: 0;
+  color: var(--tjwater-ink);
+  font-size: 17px;
+  font-weight: 700;
+  line-height: 1.45;
+}
+
+.tjwater-logout-description {
+  margin: 0;
+  color: var(--tjwater-muted);
+  font-size: 14px;
+  line-height: 1.75;
+}
+
+.tjwater-logout-action {
+  display: inline-flex;
+  width: 100%;
+  min-height: 48px;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  text-decoration: none;
+}
+
@keyframes tjwater-enter {
  from {
    opacity: 0;