move copy button in fron of text (#4122)

This commit is contained in:
herblinernexxbizz 2023-06-12 10:42:12 +02:00 committed by GitHub
parent 8c308cc8ee
commit c35d16ee3e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -23,11 +23,10 @@ export const InfoList: FunctionalComponent<InfoListProps> = ({ title, dictionary
<dl class="sm:tw-divide-y sm:tw-divide-gray-200">
{entries.map(([k, v]) => (
<div class="tw-py-3 sm:tw-grid sm:tw-grid-cols-3 sm:tw-gap-4">
<dt class="tw-text-sm tw-font-medium tw-text-gray-500">{k}</dt>
<dd class="tw-flex tw-justify-between tw-items-center tw-mt-1 tw-text-sm tw-text-gray-900 sm:tw-mt-0 sm:tw-col-span-2">
{v}
{isNullOrWhitespace(v) ? undefined : <elsa-copy-button value={v} />}
</dd>
<dt class="tw-flex tw-font-medium tw-justify-between tw-items-center tw-mt-1 tw-text-sm tw-text-gray-500 sm:tw-mt-0">
{k} {isNullOrWhitespace(v) ? undefined : <elsa-copy-button value={v} />}
</dt>
<dt class="tw-text-sm tw-text-gray-900 tw-mt-1 sm:tw-mt-0 sm:tw-col-span-2">{v}</dt>
</div>
))}
</dl>