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

improved mobile UI

Browse Source
This commit is contained in:
liangping 2023-06-14 19:45:24 +08:00
parent 6a72567342
commit 22244f4e0a
4 changed files with 7 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/layouts/components/DefaultLayout.vue
View File

@ -59,7 +59,7 @@ function selected(route: any, nav: NavLink) {
class="w-64 fixed z-50 left-0 top-0 bottom-0 overflow-auto bg-base-100 border-r border-gray-100 dark:border-gray-700" class="w-64 fixed z-50 left-0 top-0 bottom-0 overflow-auto bg-base-100 border-r border-gray-100 dark:border-gray-700"
:class="{ block: sidebarShow, 'hidden xl:!block': !sidebarShow }" :class="{ block: sidebarShow, 'hidden xl:!block': !sidebarShow }"
> >
<div class="flex items-center pl-4 py-4 mb-1"> <div class="flex justify-between mt-1 pl-4 py-4 mb-1">
<RouterLink to="/" class="flex items-center"> <RouterLink to="/" class="flex items-center">
<img class="w-10 h-10" src="../../assets/logo.svg" /> <img class="w-10 h-10" src="../../assets/logo.svg" />
<h1 class="flex-1 ml-3 text-2xl font-semibold dark:text-white"> <h1 class="flex-1 ml-3 text-2xl font-semibold dark:text-white">
@ -70,7 +70,7 @@ function selected(route: any, nav: NavLink) {
class="pr-4 cursor-pointer xl:!hidden" class="pr-4 cursor-pointer xl:!hidden"
@click="sidebarShow = false" @click="sidebarShow = false"
> >
<Icon icon="mdi-close" class="text-3xl" /> <Icon icon="mdi-close" class="text-2xl" />
</div> </div>
</div> </div>
<div <div
@ -277,7 +277,7 @@ function selected(route: any, nav: NavLink) {
</a> </a>
</div> </div>
</div> </div>
<div class="xl:!ml-64 px-5 pt-4"> <div class="xl:!ml-64 px-2 pt-4">
<!-- header --> <!-- header -->
<div <div
class="flex items-center py-3 bg-base-100 mb-4 rounded px-4 sticky top-0 z-10 shadow" class="flex items-center py-3 bg-base-100 mb-4 rounded px-4 sticky top-0 z-10 shadow"

5
src/layouts/components/NavFooter.vue
View File

@ -1,8 +1,7 @@
<template> <template>
<div class="h-12 bg-gray-100 dark:bg-[#171d30] w-full"></div>
<!-- footer --> <!-- footer -->
<footer <footer
class="flex sm:!flex-row flex-col items-center h-12 text-sm bg-gray-100 dark:bg-[#171d30] py-2 z-10 w-full" class="flex items-center h-12 mt-5 text-sm bg-gray-100 dark:bg-[#171d30] py-2 z-10 w-full"
> >
<div class="flex flex-1"> <div class="flex flex-1">
&copy;&nbsp; &copy;&nbsp;
@ -19,7 +18,7 @@
> >
</div> </div>
<div <div
class="flex " class="hidden md:block"
> >
<a <a
class="link link-primary no-underline mr-4" class="link link-primary no-underline mr-4"

2
src/modules/[chain]/index.vue
View File

@ -269,7 +269,7 @@ function trustColor(v: string) {
</div> </div>
</div> </div>
<div v-if="walletStore.delegations.length > 0" class="px-4 pb-4"> <div v-if="walletStore.delegations.length > 0" class="px-4 pb-4 overflow-auto">
<table class="table table-compact w-full table-zebra"> <table class="table table-compact w-full table-zebra">
<thead> <thead>
<tr> <tr>

2
src/modules/[chain]/supply/index.vue
View File

@ -32,7 +32,7 @@ function pageload(p: number) {
</script> </script>
<template> <template>
<div> <div class="overflow-auto">
<table class="table table-compact"> <table class="table table-compact">
<thead> <thead>
<tr> <tr>