Fix google SSO button not working in light theme

This commit is contained in:
Andrew Kingston 2021-05-19 10:40:45 +01:00
parent 27dfa40ec4
commit 8364ab91a2
1 changed files with 7 additions and 9 deletions

View File

@ -1,16 +1,16 @@
<script> <script>
import { Link } from "@budibase/bbui" import { ActionButton } from "@budibase/bbui"
import GoogleLogo from "/assets/google-logo.png" import GoogleLogo from "/assets/google-logo.png"
</script> </script>
<div class="outer"> <ActionButton>
<Link target="_blank" href="/api/admin/auth/google"> <a target="_blank" href="/api/admin/auth/google">
<div class="inner"> <div class="inner">
<img src={GoogleLogo} alt="google icon" /> <img src={GoogleLogo} alt="google icon" />
<p>Sign in with Google</p> <p>Sign in with Google</p>
</div> </div>
</Link> </a>
</div> </ActionButton>
<style> <style>
.outer { .outer {
@ -34,10 +34,8 @@
.inner p { .inner p {
margin: 0; margin: 0;
} }
.outer :global(a) { a {
text-decoration: none; text-decoration: none;
font-weight: 500; color: inherit;
font-size: var(--font-size-m);
color: #fff;
} }
</style> </style>