feat: dashboard

This commit is contained in:
Alisa | Side.one 2023-05-07 09:31:07 +08:00
parent a632220b67
commit a64c28c6ee

View File

@ -59,7 +59,7 @@ function shortName(name: string, id: string) {
</VCardSubtitle> </VCardSubtitle>
</VCardItem> </VCardItem>
<VDivider /> <VDivider />
<VCardItem> <div class="mt-4 pl-4">
<VBtn <VBtn
variant="text" variant="text"
size="small" size="small"
@ -92,7 +92,7 @@ function shortName(name: string, id: string) {
> >
Github Github
</VBtn> </VBtn>
</VCardItem> </div>
<VCardItem> <VCardItem>
<!-- SECTION upgrade plan banner --> <!-- SECTION upgrade plan banner -->
<div <div
@ -153,14 +153,14 @@ function shortName(name: string, id: string) {
</div> </div>
</div> </div>
<VSpacer /> <VSpacer />
<VBtn <a
block
:color="store.trustColor" :color="store.trustColor"
class="mt-3" class="mt-5 text-white btn btn-success w-full flex items-center"
:href="ticker.trade_url" :href="ticker.trade_url"
target="_blank"
> >
Buy {{ coinInfo.symbol || '' }} Buy {{ coinInfo.symbol || '' }}
</VBtn> </a>
</VCardItem> </VCardItem>
</VCol> </VCol>
<VCol md="7"> <VCol md="7">
@ -169,18 +169,21 @@ function shortName(name: string, id: string) {
</VCardItem> </VCardItem>
</VCol> </VCol>
</VRow> </VRow>
<VDivider /> <div class="h-[1px] w-full bg-gray-100 dark:bg-[#384059]"></div>
<VCardText style="max-height: 250px; overflow: auto"> <div class="max-h-[250px] overflow-auto p-4 text-sm">
<MdEditor <MdEditor
:model-value="coinInfo.description?.en" :model-value="coinInfo.description?.en"
previewOnly previewOnly
></MdEditor> ></MdEditor>
</VCardText> </div>
<VCardItem> <div class="mx-4 flex flex-wrap items-center">
<VChip v-for="tag in coinInfo.categories" size="x-small" class="mr-2">{{ <div
tag v-for="tag in coinInfo.categories"
}}</VChip> class="mr-2 mb-4 text-xs bg-gray-100 dark:bg-[#384059] px-3 rounded-full py-1"
</VCardItem> >
{{ tag }}
</div>
</div>
</VCard> </VCard>
<div class="grid grid-cols-2 gap-4 md:grid-cols-3 lg:grid-cols-6"> <div class="grid grid-cols-2 gap-4 md:grid-cols-3 lg:grid-cols-6">
@ -201,9 +204,11 @@ function shortName(name: string, id: string) {
> >
</VCard> </VCard>
<VBtn block color="secondary" variant="outlined" class="mt-5" <div
>Connect Wallet</VBtn class="btn btn-primary w-full mt-5 flex items-center bg-transparent text-primary hover:bg-gray-100 hover:bg-transparent"
> >
Connect Wallet
</div>
</div> </div>
</template> </template>