improve UI

This commit is contained in:
liangping 2023-06-19 22:38:49 +08:00
parent abdb5d819c
commit 650c809016
4 changed files with 12 additions and 9 deletions

View File

@ -1,7 +1,8 @@
{ {
"chain_id":"uptick_117-1", "chain_id":"uptick_117-1",
"chain_name": ["uptick-network-mainnet","https://api.uptick.nodestake.top"] "chain_name": "uptick",
"api": ["https://rest.uptick.network","https://rpc.uptick.nodestake.top"] "api": ["https://rest.uptick.network", "https://api.uptick.nodestake.top" ],
"rpc": ["https://rpc.uptick.nodestake.top"],
"sdk_version": "v0.46.0", "sdk_version": "v0.46.0",
"coin_type": "60", "coin_type": "60",
"min_tx_fee": "40000", "min_tx_fee": "40000",

View File

@ -179,7 +179,9 @@ function color(v: string) {
</table> </table>
</div> </div>
<label for="add-validator" class="btn btn-primary mt-5">Add Validators</label> <div class="text-center">
<label for="add-validator" class="btn btn-primary mt-5">Add Validators</label>
</div>
<!-- Put this part before </body> tag --> <!-- Put this part before </body> tag -->
<input type="checkbox" id="add-validator" class="modal-toggle" @change="initial" /> <input type="checkbox" id="add-validator" class="modal-toggle" @change="initial" />
@ -212,7 +214,7 @@ function color(v: string) {
</table> </table>
</div> </div>
<div class="modal-action"> <div class="modal-action">
<label for="add-validator" class="btn" @click="add">add</label> <label class="btn btn-primary" @click="add">add</label>
</div> </div>
</div> </div>
</div> </div>

View File

@ -228,7 +228,7 @@ async function loadBalances(endpoint: string, address: string) {
</script> </script>
<template> <template>
<div> <div>
<div class="overflow-x-auto w-full rounded-lg"> <div class="overflow-x-auto w-full rounded-md">
<div class="flex flex-wrap justify-between bg-base-100 p-5"> <div class="flex flex-wrap justify-between bg-base-100 p-5">
<div class="min-w-0"> <div class="min-w-0">
<h2 class="text-2xl font-bold leading-7 sm:!truncate sm:!text-3xl sm:!tracking-tight"> <h2 class="text-2xl font-bold leading-7 sm:!truncate sm:!text-3xl sm:!tracking-tight">
@ -258,9 +258,9 @@ async function loadBalances(endpoint: string, address: string) {
</div> </div>
<div class="overflow-x-auto"> <div class="overflow-x-auto">
<div v-for="{ key, subaccounts } in accounts" class="bg-base-100 rounded-xl my-5 py-5 px-2"> <div v-for="{ key, subaccounts } in accounts" class="bg-base-100 rounded-md my-5 py-5">
<div class="flex justify-self-center"> <div class="flex justify-self-center">
<div class="mr-2 p-2"> <div class="mx-2 p-2">
<svg :fill="chainStore.current?.themeColor || '#666CFF'" height="28px" width="28px" version="1.1" id="Capa_1" <svg :fill="chainStore.current?.themeColor || '#666CFF'" height="28px" width="28px" version="1.1" id="Capa_1"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 487.5 487.5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 487.5 487.5"
xml:space="preserve"> xml:space="preserve">
@ -340,7 +340,7 @@ async function loadBalances(endpoint: string, address: string) {
</div> </div>
</div> </div>
<div class=" text-center bg-base-100 rounded-xl my-4 p-4"> <div class=" text-center bg-base-100 rounded-md my-4 p-4">
<a href="#address-modal" <a href="#address-modal"
class="inline-flex items-center ml-3 rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50"> class="inline-flex items-center ml-3 rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50">
<svg class="-ml-0.5 mr-1.5 h-5 w-5 text-gray-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> <svg class="-ml-0.5 mr-1.5 h-5 w-5 text-gray-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">

View File

@ -213,7 +213,7 @@ const currencySign = computed(() => {
}) })
</script> </script>
<template> <template>
<div class="overflow-x-auto w-full rounded-lg"> <div class="overflow-x-auto w-full rounded-md">
<div class="flex flex-wrap justify-between bg-base-100 p-5"> <div class="flex flex-wrap justify-between bg-base-100 p-5">
<div class="min-w-0"> <div class="min-w-0">
<h2 class="text-2xl font-bold leading-7 sm:!truncate sm:!text-3xl sm:!tracking-tight"> <h2 class="text-2xl font-bold leading-7 sm:!truncate sm:!text-3xl sm:!tracking-tight">