www.layerswap.io Open in urlscan Pro
76.76.21.241  Public Scan

Form analysis
1 forms found in the DOM

#

<form action="#" class="h-full pointer-events-auto">
  <div class="space-y-4 py-3">
    <div class="flex-col relative flex justify-between w-full space-y-0.5 mb-3.5 leading-4">
      <div class="flex flex-col w-full">
        <div class="p-3 bg-secondary-700 border border-secondary-500 rounded-t-lg pb-5"><label for="from" class="block font-semibold text-secondary-text text-xs">From</label>
          <div class="mt-1.5 grid grid-flow-row-dense grid-cols-8 md:grid-cols-6 items-center pr-2">
            <div class="col-span-5 md:col-span-4">
              <div class="flex items-center relative"><button type="button"
                  class="rounded-lg focus-peer:ring-primary focus-peer:border-secondary-400 focus-peer:border focus-peer:ring-1 focus:outline-none disabled:cursor-not-allowed relative grow h-12 flex items-center text-left justify-bottom w-full pl-3 pr-2 py-2 bg-secondary-600 border border-secondary-500 font-semibold"><span
                    class="flex grow text-left items-center text-xs md:text-base"><span class="block font-medium text-primary-text-placeholder flex-auto items-center">Source</span></span><span
                    class="ml-3 right-0 flex items-center pr-2 pointer-events-none  text-primary-text"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                      stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4" aria-hidden="true">
                      <path d="m6 9 6 6 6-6"></path>
                    </svg></span></button></div>
            </div>
            <div class="col-span-3 md:col-span-2 w-full ml-2">
              <div class="relative">
                <div
                  class="rounded-lg focus-peer:ring-primary focus-peer:border-secondary-400 focus-peer:border focus-peer:ring-1 focus:outline-none disabled:cursor-not-allowed relative grow h-12 flex items-center text-left justify-bottom w-full pl-3 pr-2 py-2 bg-secondary-600 border border-secondary-500 font-semibold align-sub ">
                  <div class="disabled:cursor-not-allowed relative grow flex items-center text-left w-full font-semibold"><span class="flex grow text-left items-center"><span
                        class="block text-xs md:text-base font-medium text-primary-text-placeholder flex-auto items-center">Asset</span></span></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div><button type="button" aria-label="Reverse the source and destination" disabled=""
        class="hover:text-primary absolute right-[calc(50%-16px)] top-[86px] z-10 border-2 border-secondary-900 bg-secondary-900 rounded-full disabled:cursor-not-allowed disabled:text-secondary-text duration-200 transition disabled:pointer-events-none">
        <div tabindex="0" style="transform: none;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            class="opacity-50 w-7 h-auto p-1 bg-secondary-900 border-2 border-secondary-500 rounded-full disabled:opacity-30">
            <path d="m21 16-4 4-4-4"></path>
            <path d="M17 20V4"></path>
            <path d="m3 8 4-4 4 4"></path>
            <path d="M7 4v16"></path>
          </svg></div>
      </button>
      <div class="flex flex-col w-full">
        <div class="p-3 bg-secondary-700 border border-secondary-500 rounded-b-lg"><label for="to" class="block font-semibold text-secondary-text text-xs">To</label>
          <div class="mt-1.5 grid grid-flow-row-dense grid-cols-8 md:grid-cols-6 items-center pr-2">
            <div class="col-span-5 md:col-span-4">
              <div class="flex items-center relative"><button type="button"
                  class="rounded-lg focus-peer:ring-primary focus-peer:border-secondary-400 focus-peer:border focus-peer:ring-1 focus:outline-none disabled:cursor-not-allowed relative grow h-12 flex items-center text-left justify-bottom w-full pl-3 pr-2 py-2 bg-secondary-600 border border-secondary-500 font-semibold"><span
                    class="flex grow text-left items-center text-xs md:text-base"><span class="block font-medium text-primary-text-placeholder flex-auto items-center">Destination</span></span><span
                    class="ml-3 right-0 flex items-center pr-2 pointer-events-none  text-primary-text"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                      stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4" aria-hidden="true">
                      <path d="m6 9 6 6 6-6"></path>
                    </svg></span></button></div>
            </div>
            <div class="col-span-3 md:col-span-2 w-full ml-2">
              <div class="relative">
                <div
                  class="rounded-lg focus-peer:ring-primary focus-peer:border-secondary-400 focus-peer:border focus-peer:ring-1 focus:outline-none disabled:cursor-not-allowed relative grow h-12 flex items-center text-left justify-bottom w-full pl-3 pr-2 py-2 bg-secondary-600 border border-secondary-500 font-semibold align-sub ">
                  <div class="disabled:cursor-not-allowed relative grow flex items-center text-left w-full font-semibold"><span class="flex grow text-left items-center"><span
                        class="block text-xs md:text-base font-medium text-primary-text-placeholder flex-auto items-center">Asset</span></span></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="mb-6 leading-4">
      <p class="block font-semibold text-secondary-text text-xs mb-1">Amount</p>
      <div class="flex w-full justify-between bg-secondary-700 rounded-lg">
        <div class="relative w-full">
          <div>
            <div class="flex relative w-full"><input name="amount" pattern="^[0-9]*[.,]?[0-9]*$" inputmode="decimal" autocomplete="off" disabled="" placeholder="0.0" autocorrect="off" max="0" type="text" step="0.1" id="amount"
                class="disabled:cursor-not-allowed h-12 leading-4 shadow-sm border-secondary-500 placeholder:text-primary-text-placeholder bg-secondary-700 focus:ring-primary focus:border-primary block min-w-0 rounded-lg font-semibold border-0 text-primary-text pr-0 w-full"
                value=""></div>
          </div>
        </div>
      </div>
    </div>
    <div class="w-full mb-3.5 leading-4"><label for="destination_address" class="block font-semibold text-secondary-text text-xs">To address</label><button type="button" disabled=""
        class="flex rounded-lg space-x-3 items-center cursor-pointer shadow-sm mt-1.5 text-primary-buttonTextColor bg-secondary-700 border-secondary-500 border disabled:cursor-not-allowed h-12 leading-4 focus:ring-primary focus:border-primary font-semibold w-full px-3.5 py-3">
        <div class="truncate"><span class="text-primary-text-placeholder">Enter your address here</span></div>
      </button></div>
    <div class="w-full">
      <div class="relative overflow-hidden" style="height: 56px;">
        <div class="undefined">
          <div class="flex flex-col divide-y-2 divide-secondary-900 rounded-lg bg-secondary-700 overflow-hidden text-sm">
            <div class="gap-4 flex relative items-center outline-none w-full text-primary-text px-4 py-3">
              <div class="flex items-start justify-between w-full"><span class="md:font-semibold text-sm md:text-base text-primary-buttonTextColor leading-8 md:leading-8 flex-1"><span>You will receive</span></span>
                <div class="flex items-end flex-col"><span class="text-sm md:text-base">-</span></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="text-primary-text text-base mt-3        
                        max-sm:fixed
                        max-sm:inset-x-0
                        max-sm:bottom-0 
                        max-sm:z-30
                        max-sm:bg-secondary-900 
                        max-sm:shadow-widget-footer 
                        max-sm:p-4 
                        max-sm:px-6 
                        max-sm:w-full "><button type="submit"
      class=" border border-primary disabled:border-primary-900 items-center space-x-1 disabled:text-opacity-40 disabled:bg-primary-900 disabled:cursor-not-allowed relative w-full flex justify-center font-semibold rounded-md transform hover:brightness-125 transition duration-200 ease-in-out bg-primary text-primary-actionButtonText py-3 px-2 md:px-3 plausible-event-name=Swap+initiated"
      disabled=""><span class="order-first absolute left-0 inset-y-0 flex items-center pl-3"></span><span class="grow text-center">Select source</span></button></div>
  <div style="height: 50px;" class="text-primary-text text-base mt-3        
                             max-sm:inset-x-0
                             max-sm:bottom-0 
                             max-sm:p-4 max-sm:w-full invisible sm:hidden"></div>
</form>

Text Content

Icon description

Icon description

From
Source
Asset

To
Destination
Asset

Amount


To address
Enter your address here
You will receive
-
Select source



Privacy PolicyTerms of Services

© 2024 Bransfer, Inc. All rights reserved.

TwitterDiscordGitHubYouTube