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

improve json view style

Browse Source
This commit is contained in:
liangping 2023-11-10 13:30:53 +08:00
parent 40e5d34389
commit e8f788de06
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/modules/[chain]/tx/[hash].vue
View File

@ -1,5 +1,5 @@
<script lang="ts" setup> <script lang="ts" setup>
import { useBlockchain, useFormatter } from '@/stores'; import { useBaseStore, useBlockchain, useFormatter } from '@/stores';
import DynamicComponent from '@/components/dynamic/DynamicComponent.vue'; import DynamicComponent from '@/components/dynamic/DynamicComponent.vue';
import { computed, ref } from '@vue/reactivity'; import { computed, ref } from '@vue/reactivity';
import type { Tx, TxResponse } from '@/types'; import type { Tx, TxResponse } from '@/types';
@ -11,6 +11,7 @@ import "vue3-json-viewer/dist/index.css";
const props = defineProps(['hash', 'chain']); const props = defineProps(['hash', 'chain']);
const blockchain = useBlockchain(); const blockchain = useBlockchain();
const baseStore = useBaseStore();
const format = useFormatter(); const format = useFormatter();
const tx = ref( const tx = ref(
{} as { {} as {
@ -104,7 +105,7 @@ const messages = computed(() => {
<div v-if="tx.tx_response" class="bg-base-100 px-4 pt-3 pb-4 rounded shadow"> <div v-if="tx.tx_response" class="bg-base-100 px-4 pt-3 pb-4 rounded shadow">
<h2 class="card-title truncate mb-2">JSON</h2> <h2 class="card-title truncate mb-2">JSON</h2>
<JsonViewer :value="tx" copyable boxed sort expand-depth="5"/> <JsonViewer :value="tx" :theme="baseStore.theme" style="background: transparent;" copyable boxed sort expand-depth="5"/>
</div> </div>
</div> </div>
</template> </template>