move copy button in fron of text (#4122)
This commit is contained in:
parent
8c308cc8ee
commit
c35d16ee3e
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Reference in a new issue