center: update styles

fuxiaohei · Oct 27, 2023 · 167ba33 · 167ba33
1 parent 385ebc8
commit 167ba33
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/binary/center/templates/css/input.css b/binary/center/templates/css/input.css
@@ -20,14 +20,15 @@
   @apply z-50 my-4 text-base list-none bg-white divide-y divide-gray-100 rounded-md border dark:bg-gray-700 dark:divide-gray-600;
 }
 #top-navbar {
-  @apply items-center justify-between hidden w-full md:flex md:w-auto md:order-1;
+  @apply items-center justify-between w-full md:flex md:w-auto md:order-1;
 }
-#top-navbar ul {
+#top-navbar-ul {
   @apply flex flex-col font-medium ml-4 p-4 md:p-0 mt-4 border border-gray-100 rounded-lg bg-gray-50 md:flex-row md:space-x-8 md:mt-0 md:border-0 md:bg-white dark:bg-gray-800 md:dark:bg-gray-900 dark:border-gray-700;
 }
 #top-navbar .item {
   @apply block py-2 pl-3 pr-4 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent dark:border-gray-700;
 }
 #top-navbar .item.active {
-  @apply block py-2 pl-3 pr-4 text-white bg-blue-700 rounded md:bg-transparent md:text-blue-700 md:p-0 md:dark:text-blue-500;
+  @apply block p-0 text-white rounded;
+  color: #2a70b6;
 }
diff --git a/binary/center/templates/demo.hbs b/binary/center/templates/demo.hbs
@@ -13,13 +13,13 @@
 
     <nav id="top-nav">
         <div class="container">
-            <div id="top-navbar">
+            <div id="top-navbar" class="hidden">
                 <a href="/" class="logo">
                     <img src="/static/img/logo-v2.png" class="h-8 mr-3" alt="Runtime.land Logo" />
                     <span class="logo-title">Runtime.land</span>
                     <sup class="px-2 text-gray-400">alpha</sup>
                 </a>
-                <ul>
+                <ul id="top-navbar-ul">
                     <li>
                         <a href="#" class="item active" aria-current="page">Projects</a>
                     </li>