Fix wrap
This commit is contained in:
parent
60931863fa
commit
48ab694001
|
@ -22,7 +22,7 @@ const Copy: React.FC<CopyProps> = ({ value, rounded }) => {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<button
|
<button
|
||||||
className={`text-gray-500 focus:outline-none ${
|
className={`self-center flex flex-no-wrap justify-center items-center space-x-1 text-gray-500 focus:outline-none ${
|
||||||
rounded
|
rounded
|
||||||
? "transition-colors transition-shadows bg-gray-200 hover:bg-gray-500 hover:text-gray-200 hover:shadow w-7 h-7 rounded-full text-xs"
|
? "transition-colors transition-shadows bg-gray-200 hover:bg-gray-500 hover:text-gray-200 hover:shadow w-7 h-7 rounded-full text-xs"
|
||||||
: "text-sm"
|
: "text-sm"
|
||||||
|
@ -34,10 +34,10 @@ const Copy: React.FC<CopyProps> = ({ value, rounded }) => {
|
||||||
rounded ? (
|
rounded ? (
|
||||||
<FontAwesomeIcon icon={faCheck} size="1x" />
|
<FontAwesomeIcon icon={faCheck} size="1x" />
|
||||||
) : (
|
) : (
|
||||||
<div className="space-x-1">
|
<>
|
||||||
<FontAwesomeIcon icon={faCheckCircle} size="1x" />
|
<FontAwesomeIcon icon={faCheckCircle} size="1x" />
|
||||||
{!rounded && <span>Copied</span>}
|
<span className="self-baseline">Copied</span>
|
||||||
</div>
|
</>
|
||||||
)
|
)
|
||||||
) : (
|
) : (
|
||||||
<FontAwesomeIcon icon={faCopy} size="1x" />
|
<FontAwesomeIcon icon={faCopy} size="1x" />
|
||||||
|
|
Loading…
Reference in New Issue