|
|
@ -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> |
|
|
|