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="{ 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">
<img class="w-10 h-10" src="../../assets/logo.svg" />
<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"
@click="sidebarShow = false"
>
<Icon icon="mdi-close" class="text-3xl" />
<Icon icon="mdi-close" class="text-2xl" />
</div>
</div>
<div
@ -277,7 +277,7 @@ function selected(route: any, nav: NavLink) {
</a>
</div>
</div>
<div class="xl:!ml-64 px-5 pt-4">
<div class="xl:!ml-64 px-2 pt-4">
<!-- header -->
<div
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>
<div class="h-12 bg-gray-100 dark:bg-[#171d30] w-full"></div>
<!-- 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">
&copy;&nbsp;
@ -19,7 +18,7 @@
>
</div>
<div
class="flex "
class="hidden md:block"
>
<a
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 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">
<thead>
<tr>

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

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