feat: add Parameters Page

This commit is contained in:
alisa 2023-04-25 21:45:44 +08:00
parent a3a869d9c1
commit b8b5602194
3 changed files with 52 additions and 18 deletions

View File

@ -1,29 +1,44 @@
<script setup lang="ts">
import misc404 from '@images/pages/404.png'
import misc404 from "@images/pages/404.png";
import miscObj from '@images/pages/misc-404-object.png'
import miscMaskDark from '@images/pages/misc-mask-dark.png'
import miscMaskLight from '@images/pages/misc-mask-light.png'
import miscObj from "@images/pages/misc-404-object.png";
import miscMaskDark from "@images/pages/misc-mask-dark.png";
import miscMaskLight from "@images/pages/misc-mask-light.png";
import { useGenerateImageVariant } from '@/plugins/vuetify/@core/composable/useGenerateImageVariant'
import { useGenerateImageVariant } from "@/plugins/vuetify/@core/composable/useGenerateImageVariant";
const miscThemeMask = useGenerateImageVariant(miscMaskLight, miscMaskDark)
const miscThemeMask = useGenerateImageVariant(miscMaskLight, miscMaskDark);
</script>
<template>
<div class="misc-wrapper">
<ErrorHeader error-code="404" error-title="Page Not Found "
error-description="We couldn't find the page you are looking for." />
<ErrorHeader
error-code="404"
error-title="Page Not Found ⚠️"
error-description="We couldn't find the page you are looking for."
/>
<!-- 👉 Image -->
<div class="misc-avatar w-100 text-center">
<VImg :src="misc404" alt="Coming Soon" :height="$vuetify.display.xs ? 400 : 500" class="my-sm-4" />
<VBtn to="/" class="mt-10">
Back to Home
</VBtn>
<VImg :src="miscThemeMask" class="d-none d-md-block footer-coming-soon" cover />
<VImg
:src="misc404"
alt="Coming Soon"
:height="$vuetify.display.xs ? 400 : 500"
class="my-sm-4"
/>
<VBtn to="/" class="mt-10"> Back to Home </VBtn>
<VImg
:src="miscThemeMask"
class="d-none d-md-block footer-coming-soon"
cover
/>
<VImg :src="miscObj" class="d-none d-md-block footer-coming-soon-obj" :max-width="174" height="158" />
<VImg
:src="miscObj"
class="d-none d-md-block footer-coming-soon-obj"
:max-width="174"
height="158"
/>
</div>
</div>
</template>

View File

@ -33,9 +33,11 @@ const statusMap: Record<string, string> = {
class="py-4 px-4 hover:bg-gray-100 dark:hover:bg-[#353f5a] block rounded cursor-pointer"
>
<div class="grid grid-cols-6 md:grid-cols-11 flex-1">
<div class="text-textMain dark:text-white mb-3">#{{ item?.proposal_id }}</div>
<div class="text-main dark:text-white mb-3">
#{{ item?.proposal_id }}
</div>
<div class="col-span-5 md:pr-10 text-textMain dark:text-white truncate">
<div class="col-span-5 md:pr-10 text-main dark:text-white truncate">
{{ item?.content?.title }}
</div>
@ -67,7 +69,9 @@ const statusMap: Record<string, string> = {
: 'bg-info'
"
></div>
<div class="text-xs">{{ statusMap?.[item?.status] || item?.status }}</div>
<div class="text-xs">
{{ statusMap?.[item?.status] || item?.status }}
</div>
</div>
<div
@ -76,7 +80,10 @@ const statusMap: Record<string, string> = {
{{ format.toDay(item.voting_end_time, 'from') }}
</div>
</div>
<ProposalProcess :pool="staking.pool" :tally="item.final_tally_result"></ProposalProcess>
<ProposalProcess
:pool="staking.pool"
:tally="item.final_tally_result"
></ProposalProcess>
</RouterLink>
</div>
</template>

View File

@ -0,0 +1,12 @@
<template>
<div class="text-main text-h5 mb-4">Parameters</div>
<div class="bg-card px-4 pt-3 pb-4 rounded-sm">
<div class="text-base mb-3 text-main">Minting Parameters</div>
<div class="grid grid-cols-5 gap-4">
<div v-for="item in 10" :key="item" class="rounded-sm bg-active px-4 py-2">
<div class="text-xs mb-2 text-secondary">Blocks Per Year</div>
<div class="text-base text-main">4,360,000</div>
</div>
</div>
</div>
</template>