fix: mobile rendering #146
fmorencyAnnotations
9 errors and 1 warning
|
TestingLibraryElementError: Unable to find an element with the text: Your Assets. This could be because the text is broken up by multiple elements. In this case:
node_modules/@testing-library/dom/dist/config.js#L37
Ignored nodes: comments, script, style
<body>
<div>
<div
class="_14der0i88"
data-is-controlled="false"
style="visibility: visible;"
/>
<div
class="w-full mx-auto rounded-[24px] h-full flex flex-col"
>
<div
class="flex-1 overflow-y-auto"
>
<div
class="space-y-2"
>
<div
aria-label="utoken1"
class="flex flex-row justify-between gap-4 items-center p-4 bg-[#FFFFFFCC] dark:bg-[#FFFFFF0F] rounded-[16px] cursor-pointer hover:bg-[#FFFFFF66] dark:hover:bg-[#FFFFFF1A] transition-colors"
>
<div
class="flex flex-row gap-4 items-center justify-start"
>
<div
class="w-10 h-10 rounded-full bg-[#0000000A] dark:bg-[#FFFFFF0F] flex items-center justify-center"
>
<div
aria-label="denom image skeleton"
class="skeleton w-8 h-8 rounded-full animate-pulse bg-gray-300"
/>
</div>
<div>
<p
class="font-semibold text-[#161616] dark:text-white"
>
Token 1
</p>
<p
class="text-sm text-[#00000099] dark:text-[#FFFFFF99]"
>
utoken1
</p>
</div>
</div>
<div
class="text-center hidden sm:block md:block lg:hidden xl:block"
>
<p
class="font-semibold text-[#161616] dark:text-white"
>
0.001
<span>
TOKEN 1
</span>
</p>
</div>
<div
class="flex flex-row gap-2"
>
<button
aria-label="info-utoken1"
class="btn btn-md bg-base-300 text-primary btn-square group-hover:bg-secondary hover:outline hover:outline-primary hover:outline-1 outline-none"
>
<svg
class="w-7 h-7 text-current"
fill="none"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12 0C5.36761 0 0 5.367 0 12C0 18.6323 5.367 24 12 24C18.6324 24 24 18.633 24 12C24 5.36761 18.633 0 12 0ZM12 22.3256C6.30647 22.3256 1.67442 17.6936 1.67442 12C1.67442 6.30642 6.30647 1.67442 12 1.67442C17.6936 1.67442 22.3256 6.30642 22.3256 12C22.3256 17.6936 17.6936 22.3256 12 22.3256Z"
fill="currentColor"
/>
<path
d="M11.645 15.1839C10.9815 15.1839 10.4445 15.7368 10.4445 16.4001C10.4445 17.0478 10.9657 17.6165 11.645 17.6165C12.3242 17.6165 12.8612 17.0478 12.8612 16.4001C12.8612 15.7368 12.3083 15.1839 11.645 15.1839ZM11.8503 5.9751C9.71784 5.9751 8.73853 7.2388 8.73853 8.09174C8.73853 8.70777 9.25978 8.99211 9.68624 8.99211C10.5392 8.99211 10.1917 7.7758 11.8029 7.7758C12.5926 7.7758 13.2245 8.12333 13.2245 8.84994C13.2245 9.70288 12.3399 10.1925 11.8187 10.6348C11.3606 11.0296 10.7604 11.6773 10.7604 13.0357C10.7604 13.8571 10.9815 14.094 11.6291 14.094C12.4031 14.094 12.561 13.7466 12.561 13.4464C12.561 12.625 12.5768 12.1512 13.4456 11.4719C13.8721 11.1403 15.2147 10.0661 15.2147 8.58135C15.2147 7.09658 13.8721 5.9751 11.8503 5.9751Z"
fill="currentColor"
/>
</svg>
</button>
<button
aria-label="send-utoken1"
class="btn btn-md bg-base-300 text-primary btn-square group-hover:bg-secondary hover:outline hover:outline-primary hover:outline-1 outline-none"
>
<svg
aria-hidden="true"
class="w-7 h-7 text-current"
fill="currentColor"
focusable="false"
|
|
TestingLibraryElementError: Unable to find an element with the placeholder text of: Search for a token...:
node_modules/@testing-library/dom/dist/config.js#L37
Ignored nodes: comments, script, style
<body>
<div
id="interchain-ui-overlays-manager"
/>
<div>
<div
class="_14der0i88"
data-is-controlled="false"
style="visibility: visible;"
/>
<div
class="w-full mx-auto rounded-[24px] h-full flex flex-col"
>
<div
class="flex-1 overflow-y-auto"
>
<div
class="space-y-2"
>
<div
aria-label="utoken1"
class="flex flex-row justify-between gap-4 items-center p-4 bg-[#FFFFFFCC] dark:bg-[#FFFFFF0F] rounded-[16px] cursor-pointer hover:bg-[#FFFFFF66] dark:hover:bg-[#FFFFFF1A] transition-colors"
>
<div
class="flex flex-row gap-4 items-center justify-start"
>
<div
class="w-10 h-10 rounded-full bg-[#0000000A] dark:bg-[#FFFFFF0F] flex items-center justify-center"
>
<div
aria-label="denom image skeleton"
class="skeleton w-8 h-8 rounded-full animate-pulse bg-gray-300"
/>
</div>
<div>
<p
class="font-semibold text-[#161616] dark:text-white"
>
Token 1
</p>
<p
class="text-sm text-[#00000099] dark:text-[#FFFFFF99]"
>
utoken1
</p>
</div>
</div>
<div
class="text-center hidden sm:block md:block lg:hidden xl:block"
>
<p
class="font-semibold text-[#161616] dark:text-white"
>
0.001
<span>
TOKEN 1
</span>
</p>
</div>
<div
class="flex flex-row gap-2"
>
<button
aria-label="info-utoken1"
class="btn btn-md bg-base-300 text-primary btn-square group-hover:bg-secondary hover:outline hover:outline-primary hover:outline-1 outline-none"
>
<svg
class="w-7 h-7 text-current"
fill="none"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12 0C5.36761 0 0 5.367 0 12C0 18.6323 5.367 24 12 24C18.6324 24 24 18.633 24 12C24 5.36761 18.633 0 12 0ZM12 22.3256C6.30647 22.3256 1.67442 17.6936 1.67442 12C1.67442 6.30642 6.30647 1.67442 12 1.67442C17.6936 1.67442 22.3256 6.30642 22.3256 12C22.3256 17.6936 17.6936 22.3256 12 22.3256Z"
fill="currentColor"
/>
<path
d="M11.645 15.1839C10.9815 15.1839 10.4445 15.7368 10.4445 16.4001C10.4445 17.0478 10.9657 17.6165 11.645 17.6165C12.3242 17.6165 12.8612 17.0478 12.8612 16.4001C12.8612 15.7368 12.3083 15.1839 11.645 15.1839ZM11.8503 5.9751C9.71784 5.9751 8.73853 7.2388 8.73853 8.09174C8.73853 8.70777 9.25978 8.99211 9.68624 8.99211C10.5392 8.99211 10.1917 7.7758 11.8029 7.7758C12.5926 7.7758 13.2245 8.12333 13.2245 8.84994C13.2245 9.70288 12.3399 10.1925 11.8187 10.6348C11.3606 11.0296 10.7604 11.6773 10.7604 13.0357C10.7604 13.8571 10.9815 14.094 11.6291 14.094C12.4031 14.094 12.561 13.7466 12.561 13.4464C12.561 12.625 12.5768 12.1512 13.4456 11.4719C13.8721 11.1403 15.2147 10.0661 15.2147 8.58135C15.2147 7.09658 13.8721 5.9751 11.8503 5.9751Z"
fill="currentColor"
/>
</svg>
</button>
<button
aria-label="send-utoken1"
class="btn btn-md bg-base-300 text-primary btn-square group-hover:bg-secondary hover:outline hover:outline-primary hover:outline-1 outline-none"
>
<svg
aria-hidden="true"
class="w-7 h-7 text-current"
fill="curren
|
|
TestingLibraryElementError: Unable to find an element with the text: Transaction History. This could be because the text is broken up by multiple elements. In this case:
node_modules/@testing-library/dom/dist/config.js#L37
Ignored nodes: comments, script, style
<body>
<div
id="interchain-ui-overlays-manager"
/>
<div>
<div
class="_14der0i88"
data-is-controlled="false"
style="visibility: visible;"
/>
<div
class="w-full mx-auto rounded-[24px] h-full flex flex-col"
>
<div
class="flex-1 overflow-hidden h-full"
>
<div
class="h-full overflow-y-auto"
>
<div>
<h4
class="text-sm font-medium text-[#00000099] dark:text-[#FFFFFF99] mb-1 ml-1 mt-2"
>
May 1, 2023
</h4>
<div
class="space-y-2"
>
<div
class="flex items-center justify-between p-4 bg-[#FFFFFFCC] dark:bg-[#FFFFFF0F] rounded-[16px] cursor-pointer hover:bg-[#FFFFFF66] dark:hover:bg-[#FFFFFF1A] transition-colors"
>
<div
class="flex items-center space-x-3"
>
<div
class="w-8 h-8 rounded-full overflow-hidden flex items-center justify-center"
>
<svg
fill="none"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<rect
fill="#F54562"
fill-opacity="0.06"
height="24"
rx="4"
width="24"
/>
<rect
height="23"
rx="3.5"
stroke="#F54562"
stroke-opacity="0.12"
width="23"
x="0.5"
y="0.5"
/>
<path
d="M9.97422 7.73721C9.55312 7.73721 9.25234 8.05439 9.25234 8.43174C9.25234 8.80361 9.56953 9.09893 9.96328 9.09893H11.9703L14.0156 9.02783L13.0422 9.89189L8.02734 14.9122C7.87969 15.0599 7.79766 15.2458 7.79766 15.4263C7.79766 15.7927 8.13672 16.1372 8.51406 16.1372C8.69453 16.1372 8.875 16.0606 9.02266 15.9075L14.043 10.8927L14.9125 9.91924L14.8305 11.888V13.9716C14.8305 14.3653 15.1258 14.688 15.5086 14.688C15.8859 14.688 16.2031 14.3708 16.2031 13.9606L16.1977 8.47549C16.1977 8.03799 15.9078 7.73721 15.4594 7.73721H9.97422Z"
fill="#F54562"
/>
</svg>
</div>
<div
class="w-10 h-10 rounded-full overflow-hidden bg-[#0000000A] dark:bg-[#FFFFFF0F] flex items-center justify-center"
>
<img
alt="Profile Avatar"
class="rounded-full dark:bg-[#FFFFFF0F] bg-[#0000000A]"
src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc3MDAnIGhlaWdodD0nNzAwJyBzdHlsZT0nYmFja2dyb3VuZC1jb2xvcjpyZ2JhKDI1NSwyNTUsMjU1LDApOyc+PGcgc3R5bGU9J2ZpbGw6cmdiYSg1NiwxMiwxOTcsMSk7IHN0cm9rZTpyZ2JhKDU2LDEyLDE5NywxKTsgc3Ryb2tlLXdpZHRoOjMuNTsnPjxyZWN0ICB4PSczMDknIHk9JzE0Nycgd2lkdGg9JzgxJyBoZWlnaHQ9JzgxJy8+PHJlY3QgIHg9JzMwOScgeT0nMjI4JyB3aWR0aD0nODEnIGhlaWdodD0nODEnLz48cmVjdCAgeD0nMzA5JyB5PSczMDknIHdpZHRoPSc4MScgaGVpZ2h0PSc4MScvPjxyZWN0ICB4PSczMDknIHk9JzQ3MScgd2lkdGg9JzgxJyBoZWlnaHQ9JzgxJy8+PHJlY3QgIHg9JzIyOCcgeT0nMTQ3JyB3aWR0aD0nODEnIGhlaWdodD0nODEnLz48cmVjdCAgeD0nMzkwJyB5PScxNDcnIHdpZHRoPSc4MScgaGVpZ2h0PSc4MScvPjxyZWN0ICB4PScyMjgnIHk9JzMwOScgd2lkdGg9JzgxJyBoZWlnaHQ9JzgxJy8+PHJlY3QgIHg9JzM5MCcgeT0nMzA5JyB3aWR0aD0nODEnIGhlaWdodD0nODEnLz48L2c+PC9zdmc+"
style="height: 32px; width: 32px;"
/>
</div>
<div
class=""
>
<div
class="flex flex-row items-center gap-2"
>
<p
|
|
TestingLibraryElementError: Unable to find an element with the text: from_address:. This could be because the text is broken up by multiple elements. In this case:
node_modules/@testing-library/dom/dist/config.js#L37
Ignored nodes: comments, script, style
<body>
<div
id="interchain-ui-overlays-manager"
/>
<div>
<div
class="_14der0i88"
data-is-controlled="false"
style="visibility: visible;"
/>
</div>
<dialog
class="modal modal-open"
id="vote-details-modal"
style="position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 9999; background-color: transparent; padding: 0px; margin: 0px; height: 100vh; width: 100vw; display: flex; align-items: center; justify-content: center;"
>
<div
class="flex flex-col items-center justify-center w-full h-full"
>
<div
class="modal-box relative max-w-4xl min-h-96 max-h-[80vh] overflow-y-auto md:overflow-y-hidden flex flex-col md:flex-row md:ml-20 -mt-12 rounded-[24px] shadow-lg bg-secondary transition-all duration-300"
>
bound HTMLFormElement {
"0": <button
class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2 text-[#00000099] dark:text-[#FFFFFF99] hover:bg-[#0000000A] dark:hover:bg-[#FFFFFF1A] z-50"
>
</button>,
}
<div
class="flex flex-col flex-grow w-full p-2 space-y-6"
>
<div
class="flex flex-row justify-between items-center"
>
<div
class="flex flex-row gap-2 items-center"
>
<p
class="text-xl font-bold text-primary-content"
>
#
1
</p>
<span
class="badge badge-lg shadow-lg justify-center badge-primary text-neutral-content rounded-full"
>
unknown status
</span>
</div>
</div>
<div
class="flex flex-col justify-start items-start"
>
<p
class="text-sm font-light text-gray-500 dark:text-gray-400"
>
TITLE
</p>
<h1
class="text-2xl font-bold max-w-[20ch] truncate text-primary-content"
>
mytitle1
</h1>
<span
class="text-sm font-light text-gray-500 dark:text-gray-400 mt-2"
>
SUBMITTED
</span>
<span
class="text-sm text-primary-content"
>
Thu Dec 19 2024
</span>
</div>
<div
class="divider my-"
/>
<div
class="w-full"
>
<p
class="text-sm font-light text-gray-500 dark:text-gray-400 mb-2 "
>
SUMMARY
</p>
<div
class="bg-base-300 rounded-[12px] p-4"
>
<p
class="text-sm text-primary-content"
>
summary1
</p>
</div>
</div>
<div
class="w-full"
>
<div
class="flex items-center gap-2 mb-2"
>
<p
class="text-sm font-light text-gray-500 dark:text-gray-400"
>
MESSAGES
</p>
<button
class="btn btn-xs btn-ghost btn-circle"
title="Expand messages"
>
<svg
class="w-4 h-4"
fill="none"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
class="fill-current"
d="M8.96133 5.60605C8.32969 5.60605 7.87852 6.08184 7.87852 6.64785C7.87852 7.20566 8.3543 7.64863 8.94492 7.64863H11.9555L15.0234 7.54199L13.5633 8.83809L6.04101 16.3686C5.81953 16.59 5.69648 16.8689 5.69648 17.1396C5.69648 17.6893 6.20508 18.2061 6.77109 18.2061C7.0418 18.2061 7.3125 18.0912 7.53398 17.8615L15.0645 10.3393L16.3687 8.8791L16.2457 11.8322V14
|
|
TestingLibraryElementError: Unable to find an element with the text: My groups. This could be because the text is broken up by multiple elements. In this case:
node_modules/@testing-library/dom/dist/config.js#L37
Ignored nodes: comments, script, style
<body>
<div
id="interchain-ui-overlays-manager"
/>
<div>
<div
class="_14der0i88"
data-is-controlled="false"
style="visibility: visible;"
/>
<div
class="relative w-full h-screen overflow-x-hidden scrollbar-hide"
>
<div
class="absolute inset-0 transition-transform duration-300 translate-x-0"
>
<div
class="h-full flex flex-col p-4"
>
<div
class="flex flex-col md:flex-row justify-between items-start md:items-center mb-4 gap-4"
>
<div
class="flex flex-col sm:flex-row items-start sm:items-center gap-4 w-full md:w-auto"
>
<h1
class="text-secondary-content"
style="font-size: 20px; font-weight: 700; line-height: 24px;"
>
Groups
</h1>
<div
class="relative w-full sm:w-[224px]"
>
<input
aria-label="Search groups"
class="input input-bordered w-full h-[40px] rounded-[12px] border-none bg-secondary text-secondary-content pl-10 focus:outline-none focus-visible:ring-1 focus-visible:ring-primary"
placeholder="Search for a group..."
type="text"
value=""
/>
<svg
class="h-6 w-6 absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400"
fill="none"
height="24"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
class="fill-current"
clip-rule="evenodd"
d="M19.5234 18.4922C19.5234 19.2422 18.9531 19.8359 18.1953 19.8359C17.8359 19.8359 17.4844 19.7109 17.2266 19.4531L14.0078 16.2344C13.0547 16.8281 11.9297 17.1719 10.7344 17.1719C7.29688 17.1719 4.47656 14.3516 4.47656 10.9141C4.47656 7.46875 7.29688 4.65625 10.7344 4.65625C14.1719 4.65625 16.9844 7.47656 16.9844 10.9141C16.9844 12.1797 16.6094 13.3594 15.9531 14.3437L19.1406 17.5391C19.4062 17.8047 19.5234 18.1406 19.5234 18.4922ZM6.375 10.9141C6.375 13.3047 8.33594 15.2657 10.7344 15.2657C13.125 15.2657 15.0859 13.3047 15.0859 10.9141C15.0859 8.5235 13.125 6.56256 10.7344 6.56256C8.33594 6.56256 6.375 8.5235 6.375 10.9141Z"
fill="currentColor"
fill-rule="evenodd"
/>
</svg>
</div>
</div>
</div>
<div
class="overflow-auto"
>
<div
class="max-w-8xl mx-auto"
>
<table
aria-label="Your groups"
class="table w-full border-separate border-spacing-y-3"
>
<thead
class="sticky top-0 bg-background-color"
>
<tr
class="text-sm font-medium"
>
<th
class="bg-transparent"
>
Group Name
</th>
<th
class="bg-transparent hidden xl:table-cell"
>
Active proposals
</th>
<th
class="bg-transparent hidden sm:table-cell"
>
Group Balance
</th>
<th
class="bg-transparent hidden xl:table-cell"
>
Qualified Majority
</th>
<th
class="bg-transparent hidden lg:table-cell"
>
Group address
</th>
<th
class="bg-transparent text-right"
|
|
TestingLibraryElementError: Unable to find an element with the text: MFX. This could be because the text is broken up by multiple elements. In this case:
node_modules/@testing-library/dom/dist/config.js#L37
Ignored nodes: comments, script, style
<body>
<div
id="interchain-ui-overlays-manager"
/>
<div>
<div
class="_14der0i88"
data-is-controlled="false"
style="visibility: visible;"
/>
<div
class="w-full mx-auto rounded-[24px] h-full flex flex-col"
>
<div
class="flex flex-col gap-4 mb-4"
>
<div
class="overflow-auto"
>
<div
class="max-w-8xl mx-auto"
>
<table
class="table w-full border-separate border-spacing-y-3"
>
<thead
class="sticky top-0 bg-[#F0F0FF] dark:bg-[#0E0A1F]"
>
<tr
class="text-sm font-medium"
>
<th
class="bg-transparent w-1/4"
>
Token
</th>
<th
class="bg-transparent w-2/5 xl:table-cell hidden"
>
Name
</th>
<th
class="bg-transparent w-2/5 md:table-cell hidden"
>
Total Supply
</th>
<th
class="bg-transparent w-1/4"
>
Actions
</th>
</tr>
</thead>
<tbody
class="space-y-4"
/>
</table>
</div>
</div>
</div>
<div
class="flex item-center justify-between"
>
<a
href="/factory/create"
>
<button
class="btn btn-gradient w-[224px] h-[52px] hidden md:block text-white rounded-[12px] focus:outline-none focus-visible:ring-1 focus-visible:ring-primary"
>
Create New Token
</button>
</a>
</div>
<div
class="mt-6 w-full justify-center md:hidden block"
>
<a
href="/factory/create"
>
<button
class="btn btn-gradient w-full h-[52px] text-white rounded-[12px]"
>
Create New Token
</button>
</a>
</div>
<dialog
aria-labelledby="denom-info-title"
aria-modal="true"
class="modal "
id="denom-info-modal"
>
<div
class="modal-box max-w-4xl mx-auto rounded-[24px] bg-[#F4F4FF] dark:bg-[#1D192D] shadow-lg"
>
bound HTMLFormElement {
"0": <button
aria-label="Close modal"
class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2"
>
</button>,
}
<h3
class="text-xl font-semibold text-[#161616] dark:text-white mb-6"
>
Denom Details
</h3>
<div
class="grid grid-cols-1 md:grid-cols-2 gap-6"
>
<div
class="mb-4 flex flex-col "
>
<p
class="text-sm font-semibold text-[#00000099] dark:text-[#FFFFFF99] mb-2"
>
Name
</p>
<div
class="bg-base-300 rounded-[16px] p-4 flex-grow h-full"
>
<p
class="text-[#161616] dark:text-white"
title="No name available"
>
No name available
</p>
</div>
</div>
<div
class="mb-4 flex flex-col "
>
<p
class="text-sm font-semibold text-[#00000099] dark:text-[#FFFFFF99] mb-2"
>
Ticker
</p>
<div
class="bg-base-300 rounded-[16px] p-4 flex-grow h-full"
>
<p
class="text-[#161616] dark:text-white"
title="No ticker available"
>
No
|
|
TestingLibraryElementError: Unable to find an element with the placeholder text of: Search for a token...:
node_modules/@testing-library/dom/dist/config.js#L37
Ignored nodes: comments, script, style
<body>
<div
id="interchain-ui-overlays-manager"
/>
<div>
<div
class="_14der0i88"
data-is-controlled="false"
style="visibility: visible;"
/>
<div
class="w-full mx-auto rounded-[24px] h-full flex flex-col"
>
<div
class="flex flex-col gap-4 mb-4"
>
<div
class="overflow-auto"
>
<div
class="max-w-8xl mx-auto"
>
<table
class="table w-full border-separate border-spacing-y-3"
>
<thead
class="sticky top-0 bg-[#F0F0FF] dark:bg-[#0E0A1F]"
>
<tr
class="text-sm font-medium"
>
<th
class="bg-transparent w-1/4"
>
Token
</th>
<th
class="bg-transparent w-2/5 xl:table-cell hidden"
>
Name
</th>
<th
class="bg-transparent w-2/5 md:table-cell hidden"
>
Total Supply
</th>
<th
class="bg-transparent w-1/4"
>
Actions
</th>
</tr>
</thead>
<tbody
class="space-y-4"
/>
</table>
</div>
</div>
</div>
<div
class="flex item-center justify-between"
>
<a
href="/factory/create"
>
<button
class="btn btn-gradient w-[224px] h-[52px] hidden md:block text-white rounded-[12px] focus:outline-none focus-visible:ring-1 focus-visible:ring-primary"
>
Create New Token
</button>
</a>
</div>
<div
class="mt-6 w-full justify-center md:hidden block"
>
<a
href="/factory/create"
>
<button
class="btn btn-gradient w-full h-[52px] text-white rounded-[12px]"
>
Create New Token
</button>
</a>
</div>
<dialog
aria-labelledby="denom-info-title"
aria-modal="true"
class="modal "
id="denom-info-modal"
>
<div
class="modal-box max-w-4xl mx-auto rounded-[24px] bg-[#F4F4FF] dark:bg-[#1D192D] shadow-lg"
>
bound HTMLFormElement {
"0": <button
aria-label="Close modal"
class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2"
>
</button>,
}
<h3
class="text-xl font-semibold text-[#161616] dark:text-white mb-6"
>
Denom Details
</h3>
<div
class="grid grid-cols-1 md:grid-cols-2 gap-6"
>
<div
class="mb-4 flex flex-col "
>
<p
class="text-sm font-semibold text-[#00000099] dark:text-[#FFFFFF99] mb-2"
>
Name
</p>
<div
class="bg-base-300 rounded-[16px] p-4 flex-grow h-full"
>
<p
class="text-[#161616] dark:text-white"
title="No name available"
>
No name available
</p>
</div>
</div>
<div
class="mb-4 flex flex-col "
>
<p
class="text-sm font-semibold text-[#00000099] dark:text-[#FFFFFF99] mb-2"
>
Ticker
</p>
<div
class="bg-base-300 rounded-[16px] p-4 flex-grow h-full"
>
<p
class="text-[#161616] dark:text-white"
title="No ticker available"
>
No
|
|
TestingLibraryElementError: Unable to find an element with the placeholder text of: Search for a token...:
node_modules/@testing-library/dom/dist/config.js#L37
Ignored nodes: comments, script, style
<body>
<div
id="interchain-ui-overlays-manager"
/>
<div>
<div
class="_14der0i88"
data-is-controlled="false"
style="visibility: visible;"
/>
<div
class="w-full mx-auto rounded-[24px] h-full flex flex-col"
>
<div
class="flex flex-col gap-4 mb-4"
>
<div
class="overflow-auto"
>
<div
class="max-w-8xl mx-auto"
>
<table
class="table w-full border-separate border-spacing-y-3"
>
<thead
class="sticky top-0 bg-[#F0F0FF] dark:bg-[#0E0A1F]"
>
<tr
class="text-sm font-medium"
>
<th
class="bg-transparent w-1/4"
>
Token
</th>
<th
class="bg-transparent w-2/5 xl:table-cell hidden"
>
Name
</th>
<th
class="bg-transparent w-2/5 md:table-cell hidden"
>
Total Supply
</th>
<th
class="bg-transparent w-1/4"
>
Actions
</th>
</tr>
</thead>
<tbody
class="space-y-4"
/>
</table>
</div>
</div>
</div>
<div
class="flex item-center justify-between"
>
<a
href="/factory/create"
>
<button
class="btn btn-gradient w-[224px] h-[52px] hidden md:block text-white rounded-[12px] focus:outline-none focus-visible:ring-1 focus-visible:ring-primary"
>
Create New Token
</button>
</a>
</div>
<div
class="mt-6 w-full justify-center md:hidden block"
>
<a
href="/factory/create"
>
<button
class="btn btn-gradient w-full h-[52px] text-white rounded-[12px]"
>
Create New Token
</button>
</a>
</div>
<dialog
aria-labelledby="denom-info-title"
aria-modal="true"
class="modal "
id="denom-info-modal"
>
<div
class="modal-box max-w-4xl mx-auto rounded-[24px] bg-[#F4F4FF] dark:bg-[#1D192D] shadow-lg"
>
bound HTMLFormElement {
"0": <button
aria-label="Close modal"
class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2"
>
</button>,
}
<h3
class="text-xl font-semibold text-[#161616] dark:text-white mb-6"
>
Denom Details
</h3>
<div
class="grid grid-cols-1 md:grid-cols-2 gap-6"
>
<div
class="mb-4 flex flex-col "
>
<p
class="text-sm font-semibold text-[#00000099] dark:text-[#FFFFFF99] mb-2"
>
Name
</p>
<div
class="bg-base-300 rounded-[16px] p-4 flex-grow h-full"
>
<p
class="text-[#161616] dark:text-white"
title="No name available"
>
No name available
</p>
</div>
</div>
<div
class="mb-4 flex flex-col "
>
<p
class="text-sm font-semibold text-[#00000099] dark:text-[#FFFFFF99] mb-2"
>
Ticker
</p>
<div
class="bg-base-300 rounded-[16px] p-4 flex-grow h-full"
>
<p
class="text-[#161616] dark:text-white"
title="No ticker available"
>
No
|
|
build
Process completed with exit code 1.
|
|
build
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|