philorg/oidc-vue-test
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

Cosmetic

Browse source
This commit is contained in:
phil 2025-01-26 23:30:13 +01:00
parent 91456d3a95
commit 5b6edf8aa3
2 changed files with 5 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/App.vue
View file

@ -30,7 +30,10 @@ function accountManagemnt() {
</script> </script>
<template> <template>
<h1>OIDC web client test</h1> <h1>OIDC-test - web client</h1>
<p class="center">
Test the authentication and authorization, with OpenID Connect and OAuth2 with a Keycloak provider.
</p>
<div v-if="keycloak.authenticated" class="user-info"> <div v-if="keycloak.authenticated" class="user-info">
<p>Hey, {{ keycloak.idTokenParsed?.name }}</p> <p>Hey, {{ keycloak.idTokenParsed?.name }}</p>
<img v-if="keycloak.idTokenParsed?.picture" :src="keycloak.idTokenParsed.picture" class="picture"></img> <img v-if="keycloak.idTokenParsed?.picture" :src="keycloak.idTokenParsed.picture" class="picture"></img>

2
src/assets/styles.css
View file

@ -5,7 +5,7 @@ body {
} }
h1 { h1 {
text-align: center; text-align: center;
background-color: #f7c7867d; background-color: #f786867d;
margin: 0 0 0.2em 0; margin: 0 0 0.2em 0;
} }
p { p {