fix: three dot looks wide on android chrome.

This commit is contained in:
Wentao Lyu 2023-03-29 01:09:03 +08:00
parent 894aad9f0b
commit f595cb2aa1

View file

@ -9,13 +9,23 @@ export default function SubmitButton({ submitMessage, disabled, isSubmitting })
if (isSubmitting) { if (isSubmitting) {
return ( return (
<button <button
className="absolute bottom-0 right-1 h-[100%] w-[30px] rounded-md p-1 text-gray-500 hover:bg-gray-100 disabled:hover:bg-transparent dark:hover:bg-gray-900 dark:hover:text-gray-400 dark:disabled:hover:bg-transparent md:right-2" className="absolute bottom-0 right-1 h-[100%] w-[40px] rounded-md p-1 text-gray-500 hover:bg-gray-100 disabled:hover:bg-transparent dark:hover:bg-gray-900 dark:hover:text-gray-400 dark:disabled:hover:bg-transparent md:right-2"
disabled disabled
> >
<div className="text-2xl"> <div className="text-2xl">
<span>·</span> <span style={{ maxWidth: 5.5, display: 'inline-grid' }}>·</span>
<span className="blink">·</span> <span
<span className="blink2">·</span> className="blink"
style={{ maxWidth: 5.5, display: 'inline-grid' }}
>
·
</span>
<span
className="blink2"
style={{ maxWidth: 5.5, display: 'inline-grid' }}
>
·
</span>
</div> </div>
</button> </button>
); );