zramsay/cosmos-explorer
1
0
Fork 0
forked from cerc-io/cosmos-explorer
Code Pull Requests Actions Activity

feat: dashboard exchange list

Browse Source
This commit is contained in:
Alisa | Side.one 2023-05-10 00:26:47 +08:00
parent b57db735ed
commit 22987636a8
1 changed files with 17 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/modules/[chain]/index.vue
View File

@ -71,7 +71,7 @@ const comLinks = [
class="bg-base-100 rounded shadow mb-4" class="bg-base-100 rounded shadow mb-4"
> >
<div class="flex p-4"> <div class="flex p-4">
<div class="flex-1 mr-10"> <div class="">
<div class="text-xl font-semibold text-main"> <div class="text-xl font-semibold text-main">
{{ coinInfo.name }} (<span class="uppercase">{{ {{ coinInfo.name }} (<span class="uppercase">{{
coinInfo.symbol coinInfo.symbol
@ -100,7 +100,9 @@ const comLinks = [
</div> </div>
<div> <div>
<div class="dropdown dropdown-hover w-full mt-[16px] md:mt-[32px]"> <div
class="dropdown dropdown-hover w-full md:w-[400px] mt-[16px] md:mt-[36px]"
>
<label> <label>
<div <div
class="bg-gray-100 dark:bg-[#384059] flex items-center justify-between px-4 py-2 cursor-pointer rounded" class="bg-gray-100 dark:bg-[#384059] flex items-center justify-between px-4 py-2 cursor-pointer rounded"
@ -131,7 +133,9 @@ const comLinks = [
</div> </div>
</label> </label>
<div class="dropdown-content pt-1"> <div class="dropdown-content pt-1">
<div class="h-64 overflow-auto w-full shadow rounded"> <div
class="h-64 overflow-auto w-full md:w-[400px] shadow rounded"
>
<ul class="menu w-full bg-gray-100 rounded dark:bg-[#384059]"> <ul class="menu w-full bg-gray-100 rounded dark:bg-[#384059]">
<li <li
v-for="(item, index) in store.coinInfo.tickers" v-for="(item, index) in store.coinInfo.tickers"
@ -141,13 +145,15 @@ const comLinks = [
<div <div
class="flex items-center justify-between hover:bg-base-100" class="flex items-center justify-between hover:bg-base-100"
> >
<div class="text-main text-sm"> <div class="flex-1">
{{ item?.market?.name }} <div class="text-main text-sm">
</div> {{ item?.market?.name }}
<div class="text-main text-sm"> </div>
{{ shortName(item?.base, item.coin_id) }}/{{ <div class="text-sm text-gray-500 dark:text-gray-400">
shortName(item?.target, item.target_coin_id) {{ shortName(item?.base, item.coin_id) }}/{{
}} shortName(item?.target, item.target_coin_id)
}}
</div>
</div> </div>
<div class="text-base text-main"> <div class="text-base text-main">
@ -162,7 +168,7 @@ const comLinks = [
<a <a
:color="store.trustColor" :color="store.trustColor"
class="mt-5 text-white btn btn-success w-full flex items-center" class="mt-5 text-white btn btn-success w-full md:w-[400px] flex items-center"
:href="ticker.trade_url" :href="ticker.trade_url"
target="_blank" target="_blank"
> >