tormakris
/
cf-workers-status-page
mirror of https://github.com/tormachris/cf-workers-status-page.git
1
0
Fork 0
Code Releases Activity

Add focus ring and remove default focus outline

This commit is contained in:
endriu3314 2021-01-29 01:05:39 +00:00 committed by Adam Janiš
parent 8d70a0f992
commit ee586c9e64
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/themeSwitcher.js
View File

@ -45,11 +45,11 @@ export default function ThemeSwitcher() {
setDark(!darkmode)
}
const buttonColor = darkmode ? 'bg-gray-700' : 'bg-gray-200'
const buttonColor = darkmode ? 'bg-gray-700 focus:ring-gray-700' : 'bg-gray-200 focus:ring-gray-200'
return (
<button
className={`${buttonColor} rounded-full h-7 w-7 mr-4`}
className={`${buttonColor} rounded-full h-7 w-7 mr-4 focus:outline-none focus:ring-2 focus:ring-opacity-50`}
onClick={changeTheme}
>
{darkmode ? sunIcon : moonIcon}