fix(css): don't target button globally (#1510)

* fix(css): don't target button globally

* fix(css): revert toast change
This commit is contained in:
TheCatLady
2021-04-27 11:23:36 -04:00
committed by GitHub
parent 2a912180b8
commit f78b9c1ca9
9 changed files with 20 additions and 28 deletions

View File

@@ -30,7 +30,7 @@ const CopyButton: React.FC<{ textToCopy: string }> = ({ textToCopy }) => {
e.preventDefault();
setCopied();
}}
className="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium leading-5 text-white transition duration-150 ease-in-out bg-indigo-600 border border-gray-500 hover:bg-indigo-500 focus:outline-none focus:ring-blue focus:border-blue-300 active:bg-gray-100 active:text-gray-700"
className="input-action"
>
<ClipboardCopyIcon />
</button>

View File

@@ -203,7 +203,7 @@ const SettingsMain: React.FC = () => {
e.preventDefault();
regenerate();
}}
className="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium leading-5 text-white transition duration-150 ease-in-out bg-indigo-600 border border-gray-500 rounded-r-md hover:bg-indigo-500 focus:outline-none focus:ring-blue focus:border-blue-300 active:bg-gray-100 active:text-gray-700"
className="input-action"
>
<RefreshIcon />
</button>

View File

@@ -431,7 +431,7 @@ const SettingsPlex: React.FC<SettingsPlexProps> = ({ onComplete }) => {
e.preventDefault();
refreshPresetServers();
}}
className="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium leading-5 text-white transition duration-150 ease-in-out bg-indigo-600 border border-gray-500 rounded-r-md hover:bg-indigo-500 focus:outline-none focus:ring-blue focus:border-blue-300 active:bg-gray-100 active:text-gray-700"
className="input-action"
>
<RefreshIcon
className={isRefreshingPresets ? 'animate-spin' : ''}

View File

@@ -139,7 +139,7 @@ const ServerInstance: React.FC<ServerInstanceProps> = ({
onClick={() => onEdit()}
className="relative inline-flex items-center justify-center flex-1 w-0 py-4 -mr-px text-sm font-medium leading-5 text-gray-200 transition duration-150 ease-in-out border border-transparent rounded-bl-lg hover:text-white focus:outline-none focus:ring-blue focus:border-gray-500 focus:z-10"
>
<PencilIcon />
<PencilIcon className="w-5 h-5 mr-2" />
<span>{intl.formatMessage(globalMessages.edit)}</span>
</button>
</div>
@@ -148,7 +148,7 @@ const ServerInstance: React.FC<ServerInstanceProps> = ({
onClick={() => onDelete()}
className="relative inline-flex items-center justify-center flex-1 w-0 py-4 text-sm font-medium leading-5 text-gray-200 transition duration-150 ease-in-out border border-transparent rounded-br-lg hover:text-white focus:outline-none focus:ring-blue focus:border-gray-500 focus:z-10"
>
<TrashIcon />
<TrashIcon className="w-5 h-5 mr-2" />
<span>{intl.formatMessage(globalMessages.delete)}</span>
</button>
</div>