From 22244f4e0a64389528c8f9930948f90a8b4ed230 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Wed, 14 Jun 2023 19:45:24 +0800
Subject: [PATCH] improved mobile UI

---
 src/layouts/components/DefaultLayout.vue | 6 +++---
 src/layouts/components/NavFooter.vue     | 5 ++---
 src/modules/[chain]/index.vue            | 2 +-
 src/modules/[chain]/supply/index.vue     | 2 +-
 4 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/layouts/components/DefaultLayout.vue b/src/layouts/components/DefaultLayout.vue
index e0ed4917..e1a5ffdd 100644
--- a/src/layouts/components/DefaultLayout.vue
+++ b/src/layouts/components/DefaultLayout.vue
@@ -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"
diff --git a/src/layouts/components/NavFooter.vue b/src/layouts/components/NavFooter.vue
index 85bc32ab..dac5688a 100644
--- a/src/layouts/components/NavFooter.vue
+++ b/src/layouts/components/NavFooter.vue
@@ -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"
diff --git a/src/modules/[chain]/index.vue b/src/modules/[chain]/index.vue
index 7f4094f2..e97dc3ef 100644
--- a/src/modules/[chain]/index.vue
+++ b/src/modules/[chain]/index.vue
@@ -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>
diff --git a/src/modules/[chain]/supply/index.vue b/src/modules/[chain]/supply/index.vue
index 9d3300ae..7e8e5f2a 100644
--- a/src/modules/[chain]/supply/index.vue
+++ b/src/modules/[chain]/supply/index.vue
@@ -32,7 +32,7 @@ function pageload(p: number) {
 
 </script>
 <template>
-    <div>
+    <div class="overflow-auto">
         <table class="table table-compact">
             <thead>
                 <tr>