Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-01-11 01:10:28 -05:00
Code Issues 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
Show stats 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?
[:div {:class (stl/css :terms-login)}
(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?
[:span (dm/str " " (tr "labels.and") " ")])
[:span {:class (stl/css :and-text)}
(dm/str " " (tr "labels.and") " ")])
(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/props :obj}

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

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