优化控制台及下载页面滚动条显示

Signed-off-by: Chenyang Gao <gps949@outlook.com>

console_web/src/Console.vue

@@ -209,7 +209,7 @@ onMounted(() => {
     <div class="relative overflow-hidden" style="top: 1px">
       <nav
         id="nav"
-        class="navigation flex items-center overflow-auto left-1 relative md:container md:mx-auto md:px-0 md:-left-3"
+        class="navigation flex items-center overflow-auto no-scrollbar left-1 relative md:container md:mx-auto md:px-0 md:-left-3"
       >
         <router-link class="whitespace-nowrap py-2 group relative" to="/machines">
           <div

console_web/src/downloads/Downloads.vue

@@ -112,7 +112,7 @@ const currentRoute = computed(() => {
         class="py-6 px-2 sm:px-6 sm:rounded-lg shadow-2xl w-full sm:max-w-2xl mx-auto bg-white"
       >
         <nav class="text-center mb-7 overflow-y-hidden">
-          <div class="flex overflow-y-auto overflow-x-scroll">
+          <div class="flex overflow-y-auto overflow-x-scroll no-scrollbar">
             <router-link
               class="flex-grow flex-shrink-0 mx-1 block cursor-pointer select-none rounded pt-3 px-4 pb-2 font-normal text-center leading-normal align-middle focus:outline-none active:outline-none"
               :class="{

console_web/src/style.css

@@ -2,6 +2,21 @@
 @tailwind components;
 @tailwind utilities;
 
+@layer utilities {
+    @variants responsive {
+      /* Hide scrollbar for Chrome, Safari and Opera */
+      .no-scrollbar::-webkit-scrollbar {
+          display: none;
+      }
+
+      /* Hide scrollbar for IE, Edge and Firefox */
+      .no-scrollbar {
+          -ms-overflow-style: none;  /* IE and Edge */
+          scrollbar-width: none;  /* Firefox */
+      }
+    }
+  }
+
 .toast-container {
     position: fixed;
     bottom: 1.5rem;