feat: contracts UI refactor

This commit is contained in:
Alisa | Side.one 2023-05-08 23:33:32 +08:00
parent 4ea1402840
commit d196c35dc8
2 changed files with 34 additions and 24 deletions

View File

@ -93,12 +93,13 @@ const result = ref('');
</script>
<template>
<div>
<VCard>
<VCardTitle>Contract List of Code: {{ props.code_id }}</VCardTitle>
<VTable>
<div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
<h2 class="card-title truncate w-full">Contract List of Code: {{ props.code_id }}</h2>
<div class="overflow-x-auto">
<table class="table w-full mt-4">
<thead>
<tr>
<th>Contract List</th>
<th style="position: relative;">Contract List</th>
<th>Actions</th>
</tr>
</thead>
@ -106,16 +107,25 @@ const result = ref('');
<tr v-for="v in response.contracts">
<td>{{ v }}</td>
<td>
<VBtn size="small" @click="showInfo(v)">contract</VBtn>
<VBtn size="small" @click="showState(v)" class="ml-2"
>States</VBtn
>
<VBtn size="small" @click="showQuery(v)" class="ml-2">Query</VBtn>
<button
class="btn btn-primary btn-sm text-xs mr-2"
@click="showInfo(v)"
>contract</button>
<button
class="btn btn-primary btn-sm text-xs mr-2"
@click="showState(v)"
>States</button>
<button
class="btn btn-primary btn-sm text-xs"
@click="showQuery(v)"
>Query</button>
</td>
</tr>
</tbody>
</VTable>
</VCard>
</table>
</div>
</div>
<v-dialog v-model="infoDialog" width="auto">
<v-card>
<VCardTitle>Contract Detail</VCardTitle>