shpaq/sct-overseerr
1
0
Fork 0
mirror of https://github.com/sct/overseerr.git synced 2025-09-17 17:24:35 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): align icons in user dropdown

Browse Source 
also changed icons on the jobs & cache page to be outlined (and switched to trash icon for flush
cache)
This commit is contained in:
sct
2021-04-18 19:39:24 +09:00
parent 4e98f56753
commit eb5d152886
2 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/Layout/UserDropdown/index.tsx
View File

@@ -67,7 +67,7 @@ const UserDropdown: React.FC = () => {
> >
<Link href={`/profile`}> <Link href={`/profile`}>
<a <a
className="items-center block px-4 py-2 text-sm text-gray-200 transition duration-150 ease-in-out hover:bg-gray-600" className="flex items-center px-4 py-2 text-sm text-gray-200 transition duration-150 ease-in-out hover:bg-gray-600"
role="menuitem" role="menuitem"
tabIndex={0} tabIndex={0}
onKeyDown={(e) => { onKeyDown={(e) => {
@@ -78,12 +78,12 @@ const UserDropdown: React.FC = () => {
onClick={() => setDropdownOpen(false)} onClick={() => setDropdownOpen(false)}
> >
<UserIcon className="inline w-5 h-5 mr-2" /> <UserIcon className="inline w-5 h-5 mr-2" />
{intl.formatMessage(messages.myprofile)} <span>{intl.formatMessage(messages.myprofile)}</span>
</a> </a>
</Link> </Link>
<Link href={`/profile/settings`}> <Link href={`/profile/settings`}>
<a <a
className="items-center block px-4 py-2 text-sm text-gray-200 transition duration-150 ease-in-out hover:bg-gray-600" className="flex items-center px-4 py-2 text-sm text-gray-200 transition duration-150 ease-in-out hover:bg-gray-600"
role="menuitem" role="menuitem"
tabIndex={0} tabIndex={0}
onKeyDown={(e) => { onKeyDown={(e) => {
@@ -94,17 +94,17 @@ const UserDropdown: React.FC = () => {
onClick={() => setDropdownOpen(false)} onClick={() => setDropdownOpen(false)}
> >
<CogIcon className="inline w-5 h-5 mr-2" /> <CogIcon className="inline w-5 h-5 mr-2" />
{intl.formatMessage(messages.settings)} <span>{intl.formatMessage(messages.settings)}</span>
</a> </a>
</Link> </Link>
<a <a
href="#" href="#"
className="block px-4 py-2 text-sm text-gray-200 transition duration-150 ease-in-out hover:bg-gray-600" className="flex items-center px-4 py-2 text-sm text-gray-200 transition duration-150 ease-in-out hover:bg-gray-600"
role="menuitem" role="menuitem"
onClick={() => logout()} onClick={() => logout()}
> >
<LogoutIcon className="inline w-5 h-5 mr-2" /> <LogoutIcon className="inline w-5 h-5 mr-2" />
{intl.formatMessage(messages.signout)} <span>{intl.formatMessage(messages.signout)}</span>
</a> </a>
</div> </div>
</div> </div>

4
src/components/Settings/SettingsJobsCache/index.tsx
View File

@@ -1,4 +1,4 @@
import { PlayIcon, StopIcon, XCircleIcon } from '@heroicons/react/solid'; import { PlayIcon, StopIcon, TrashIcon } from '@heroicons/react/outline';
import axios from 'axios'; import axios from 'axios';
import React from 'react'; import React from 'react';
import { import {
@@ -226,7 +226,7 @@ const SettingsJobs: React.FC = () => {
<Table.TD>{formatBytes(cache.stats.vsize)}</Table.TD> <Table.TD>{formatBytes(cache.stats.vsize)}</Table.TD>
<Table.TD alignText="right"> <Table.TD alignText="right">
<Button buttonType="danger" onClick={() => flushCache(cache)}> <Button buttonType="danger" onClick={() => flushCache(cache)}>
<XCircleIcon className="w-5 h-5 mr-1" /> <TrashIcon className="w-5 h-5 mr-1" />
{intl.formatMessage(messages.flushcache)} {intl.formatMessage(messages.flushcache)}
</Button> </Button>
</Table.TD> </Table.TD>