tormakris/cf-workers-status-page
1
0
Fork 0
mirror of https://github.com/tormachris/cf-workers-status-page.git synced 2024-11-23 14:45:41 +01:00
Code Releases Activity

Add focus ring and remove default focus outline

Browse Source
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) 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 ( return (
<button <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} onClick={changeTheme}
> >
{darkmode ? sunIcon : moonIcon} {darkmode ? sunIcon : moonIcon}