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

refactor(css): add styles targeting SVG button/modal icons (#1464)

Browse Source 
* refactor(css): add global classes for common icon types

* refactor(css): target child SVGs instead of creating new icon classes

* fix: fix ButtonWithDropdown style class spacing
This commit is contained in:
TheCatLady
2021-04-26 06:09:58 -04:00
committed by GitHub
parent 079645c2c7
commit 3e5e9c0ad1
43 changed files with 265 additions and 273 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
src/components/RequestBlock/index.tsx
View File

@@ -95,42 +95,42 @@ const RequestBlock: React.FC<RequestBlockProps> = ({ request, onUpdate }) => {
<div className="flex flex-wrap flex-shrink-0 ml-2">
{request.status === MediaRequestStatus.PENDING && (
<>
<span className="mr-1">
<Button
buttonType="success"
onClick={() => updateRequest('approve')}
disabled={isUpdating}
>
<CheckIcon className="w-4 h-4" />
</Button>
</span>
<span className="mr-1">
<Button
buttonType="danger"
onClick={() => updateRequest('decline')}
disabled={isUpdating}
>
<XIcon className="w-4 h-4" />
</Button>
</span>
<span>
<Button
buttonType="primary"
onClick={() => setShowEditModal(true)}
disabled={isUpdating}
>
<PencilIcon className="w-4 h-4" />
</Button>
</span>
<Button
buttonType="success"
buttonSize="sm"
className="mr-1"
onClick={() => updateRequest('approve')}
disabled={isUpdating}
>
<CheckIcon />
</Button>
<Button
buttonType="danger"
buttonSize="sm"
className="mr-1"
onClick={() => updateRequest('decline')}
disabled={isUpdating}
>
<XIcon />
</Button>
<Button
buttonType="primary"
buttonSize="sm"
onClick={() => setShowEditModal(true)}
disabled={isUpdating}
>
<PencilIcon />
</Button>
</>
)}
{request.status !== MediaRequestStatus.PENDING && (
<Button
buttonType="danger"
buttonSize="sm"
onClick={() => deleteRequest()}
disabled={isUpdating}
>
<TrashIcon className="w-4 h-4" />
<TrashIcon />
</Button>
)}
</div>