Infrastructure/logto
0
Fork 0
mirror of https://github.com/logto-io/logto.git synced 2025-01-20 21:32:31 -05:00
Code Issues Activity

refactor(demo-app): improve sign-out button in demo-app

Browse source
This commit is contained in:
Charles Zhao 2022-10-11 15:23:10 +08:00
parent b9bb78521d
commit 3a9d95ed3e
No known key found for this signature in database
GPG key ID: 4858774754C92DF2
2 changed files with 9 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
packages/demo-app/src/App.module.scss
View file

@ -75,6 +75,10 @@
cursor: pointer; cursor: pointer;
background: var(--color-hover); background: var(--color-hover);
} }
&:focus {
outline: 3px solid var(--color-focused-variant);
}
} }
.continue { .continue {

6
packages/demo-app/src/App.tsx
View file

@ -81,7 +81,11 @@ const Main = () => {
tabIndex={0} tabIndex={0}
className={styles.button} className={styles.button}
onClick={async () => signOut(`${window.location.origin}/demo-app`)} onClick={async () => signOut(`${window.location.origin}/demo-app`)}
onKeyDown={async () => signOut(`${window.location.origin}/demo-app`)} onKeyDown={({ key }) => {
if (key === 'Enter' || key === ' ') {
void signOut(`${window.location.origin}/demo-app`);
}
}}
> >
{t('sign_out')} {t('sign_out')}
</div> </div>