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

* 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

View File

@@ -142,7 +142,7 @@ const SettingsLogs: React.FC = () => {
>
<Modal
title={intl.formatMessage(messages.logDetails)}
iconSvg={<DocumentSearchIcon className="w-6 h-6" />}
iconSvg={<DocumentSearchIcon />}
onCancel={() => setActiveLog(null)}
cancelText={intl.formatMessage(globalMessages.close)}
onOk={() => (activeLog ? copyLogString(activeLog) : undefined)}
@@ -243,13 +243,7 @@ const SettingsLogs: React.FC = () => {
buttonType={refreshInterval ? 'default' : 'primary'}
onClick={() => toggleLogs()}
>
<span>
{refreshInterval ? (
<PauseIcon className="w-5 h-5 mr-1" />
) : (
<PlayIcon className="w-5 h-5 mr-1" />
)}
</span>
{refreshInterval ? <PauseIcon /> : <PlayIcon />}
<span>
{intl.formatMessage(
refreshInterval ? messages.pauseLogs : messages.resumeLogs
@@ -335,7 +329,7 @@ const SettingsLogs: React.FC = () => {
onClick={() => setActiveLog(row)}
className="mr-2"
>
<DocumentSearchIcon className="w-5 h-5 text-white" />
<DocumentSearchIcon />
</Button>
)}
<Button
@@ -343,7 +337,7 @@ const SettingsLogs: React.FC = () => {
buttonSize="sm"
onClick={() => copyLogString(row)}
>
<ClipboardCopyIcon className="w-5 h-5 text-white" />
<ClipboardCopyIcon />
</Button>
</Table.TD>
</tr>