3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-06-05 07:21:38 +02:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #4338 from penpot/eva-fix-auth-link-css

Browse source 
🐛  Fix auth links font-size
This commit is contained in:
Pablo Alba 2024-04-01 15:11:00 +02:00 • committed by GitHub
commit 5cd46d8bc0
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 21 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

9
frontend/src/app/main/ui/auth.cljs
View file

@ -27,13 +27,16 @@
(when show-all? (when show-all?
[:div {:class (stl/css :terms-login)} [:div {:class (stl/css :terms-login)}
(when show-terms? (when show-terms?
[:a {:href cf/terms-of-service-uri :target "_blank"} (tr "auth.terms-of-service")]) [:a {:href cf/terms-of-service-uri :target "_blank" :class (stl/css :auth-link)}
(tr "auth.terms-of-service")])
(when show-all? (when show-all?
[:span (dm/str " " (tr "labels.and") " ")]) [:span {:class (stl/css :and-text)}
(dm/str " " (tr "labels.and") " ")])
(when show-privacy? (when show-privacy?
[:a {:href cf/privacy-policy-uri :target "_blank"} (tr "auth.privacy-policy")])]))) [:a {:href cf/privacy-policy-uri :target "_blank" :class (stl/css :auth-link)}
(tr "auth.privacy-policy")])])))
(mf/defc auth (mf/defc auth
{::mf/props :obj} {::mf/props :obj}

31
frontend/src/app/main/ui/auth.scss
View file

@ -49,7 +49,7 @@
gap: $s-24; gap: $s-24;
height: fit-content; height: fit-content;
max-width: $s-412; max-width: $s-412;
padding-bottom: $s-8; padding-block-end: $s-8;
position: relative; position: relative;
width: 100%; width: 100%;
} }
@ -60,33 +60,32 @@
left: $s-20; left: $s-20;
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
margin-bottom: $s-52;
width: $s-120; width: $s-120;
margin-block-end: $s-52;
svg { svg {
width: $s-120; width: $s-120;
height: $s-40; height: $s-40;
fill: $df-primary; fill: var(--main-icon-foreground);
stroke: $df-primary;
} }
} }
.terms-login { .terms-login {
font-size: $fs-11; @include bodySmallTypography;
width: 100%;
display: flex; display: flex;
gap: $s-4; gap: $s-4;
justify-content: center; justify-content: center;
width: 100%;
}
a { .and-text {
font-weight: $fw700; border-bottom: $s-1 solid transparent;
color: $da-primary; color: var(--title-foreground-color);
&:hover { }
text-decoration: underline;
} .auth-link {
} color: var(--link-foreground-color);
span { &:hover {
border-bottom: $s-1 solid transparent; text-decoration: underline;
color: $df-secondary;
} }
} }