🐛 Fix demo account text color

This commit is contained in:
Eva Marco 2024-05-17 12:15:18 +02:00
parent 7461126d1a
commit 4a3a5f701f
2 changed files with 15 additions and 12 deletions

View file

@ -58,7 +58,6 @@
width: 100%; width: 100%;
} }
.demo-account,
.go-back { .go-back {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -67,7 +66,6 @@
border-block-start: none; border-block-start: none;
} }
.demo-account-link,
.go-back-link { .go-back-link {
@extend .button-secondary; @extend .button-secondary;
@include uppercaseTitleTipography; @include uppercaseTitleTipography;
@ -81,7 +79,8 @@
.register, .register,
.account, .account,
.recovery-request { .recovery-request,
.demo-account {
display: flex; display: flex;
justify-content: center; justify-content: center;
gap: $s-8; gap: $s-8;
@ -90,7 +89,8 @@
.register-text, .register-text,
.account-text, .account-text,
.recovery-text { .recovery-text,
.demo-account-text {
@include smallTitleTipography; @include smallTitleTipography;
text-align: right; text-align: right;
color: var(--title-foreground-color); color: var(--title-foreground-color);
@ -99,7 +99,8 @@
.register-link, .register-link,
.account-link, .account-link,
.recovery-link, .recovery-link,
.forgot-pass-link { .forgot-pass-link,
.demo-account-link {
@include smallTitleTipography; @include smallTitleTipography;
text-align: left; text-align: left;
background-color: transparent; background-color: transparent;

View file

@ -300,11 +300,13 @@
[:& lk/link {:action go-register [:& lk/link {:action go-register
:class (stl/css :register-link) :class (stl/css :register-link)
:data-test "register-submit"} :data-test "register-submit"}
(tr "auth.register-submit")]])] (tr "auth.register-submit")]])
(when (contains? cf/flags :demo-users) (when (contains? cf/flags :demo-users)
[:div {:class (stl/css :link-entry :demo-account)} [:div {:class (stl/css :demo-account)}
[:span (tr "auth.create-demo-profile") " "] [:span {:class (stl/css :demo-account-text)}
(tr "auth.create-demo-profile") " "]
[:& lk/link {:action create-demo-profile [:& lk/link {:action create-demo-profile
:class (stl/css :demo-account-link)
:data-test "demo-account-link"} :data-test "demo-account-link"}
(tr "auth.create-demo-account")]])])) (tr "auth.create-demo-account")]])]]))