style: change size of icons

This commit is contained in:
Nicolas Meienberger 2023-03-29 19:40:24 +02:00
parent 8f761a87af
commit a8738f9f61
2 changed files with 4 additions and 4 deletions

View file

@ -31,7 +31,7 @@ export const AppTile: React.FC<{ app: AppTileInfo; status: AppStatusEnum; update
</div>
{updateAvailable && (
<div data-tip="Update available" className="ribbon bg-green ribbon-top">
<IconDownload />
<IconDownload size={20} />
</div>
)}
</Link>

View file

@ -64,13 +64,13 @@ export const Header: React.FC<IProps> = ({ isUpdateAvailable }) => {
</div>
<div className="d-flex">
<div onClick={() => setDarkMode(true)} role="button" aria-hidden="true" className="nav-link px-0 hide-theme-dark cursor-pointer" data-tip="Dark mode">
<IconMoon data-testid="icon-moon" size={24} />
<IconMoon data-testid="icon-moon" size={20} />
</div>
<div onClick={() => setDarkMode(false)} aria-hidden="true" className="nav-link px-0 hide-theme-light cursor-pointer" data-tip="Light mode">
<IconSun data-testid="icon-sun" size={24} />
<IconSun data-testid="icon-sun" size={20} />
</div>
<div onClick={() => logout.mutate()} tabIndex={0} onKeyPress={() => logout.mutate()} role="button" className="nav-link px-0 cursor-pointer" data-tip="Log out">
<IconLogout size={24} />
<IconLogout size={20} />
</div>
</div>
</div>