technofab/svelte-oidc
1
0
Fork 0
mirror of https://github.com/TECHNOFAB11/svelte-oidc.git synced 2025-12-11 23:50:06 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge pull request #39 from chrisShick/master

Browse source 
Allow more customized styling of buttons
This commit is contained in:
Darrel O'Pry 2023-01-20 13:51:37 -05:00 • committed by GitHub
commit 95de165a82
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/LoginButton.svelte
View file

@ -9,6 +9,8 @@
const oidcPromise = getContext(OIDC_CONTEXT_CLIENT_PROMISE)
export let callback_url = getContext(OIDC_CONTEXT_REDIRECT_URI)
export let preserveRoute
export let classes = ''
export let styles = ''
</script>
<button class="btn" on:click|preventDefault='{() => login(oidcPromise, preserveRoute, callback_url) }'><slot></slot></button>
<button class="btn {classes}" style="{styles}" on:click|preventDefault='{() => login(oidcPromise, preserveRoute, callback_url) }'><slot></slot></button>

4
src/components/LogoutButton.svelte
View file

@ -8,6 +8,8 @@
const oidcPromise = getContext(OIDC_CONTEXT_CLIENT_PROMISE)
export let logout_url = getContext(OIDC_CONTEXT_POST_LOGOUT_REDIRECT_URI)
export let classes = ''
export let styles = ''
</script>
<button class="btn" on:click|preventDefault='{() => logout(oidcPromise, logout_url) }'><slot></slot></button>
<button class="btn {classes}" style="{styles} on:click|preventDefault='{() => logout(oidcPromise, logout_url) }'><slot></slot></button>