feat: update get started button in nav (#127)

* feat: update get started button in nav

* pana

* Update site/src/css/custom.css

Co-authored-by: Jochum van der Ploeg <[email protected]>

---------

Co-authored-by: Jochum van der Ploeg <[email protected]>

Author: Scarlett Eliza

.github/workflows/ci.yml

@@ -25,12 +25,14 @@ jobs:
   verify-pana-dart:
     uses: ./.github/workflows/pana.yml
     with:
+      pana_version: 0.21.32
       min_score: 95
       working_directory: examples/dart_package
 
   verify-pana-flutter:
     uses: ./.github/workflows/pana.yml
     with:
+      pana_version: 0.21.32
       min_score: 95
       working_directory: examples/flutter_package
 

site/src/css/custom.css

@@ -126,8 +126,25 @@ html[data-theme='dark'] .navbar-vgv-icon:before {
 
 @media screen and (max-width: 996px) {
   .nav-button {
-    color: var(--ifm-button-color);
-    background-color: var(--ifm-color-primary);
-    max-width: 8em;
+    background-color: var(--colors-white);
+    color: var(--ifm-menu-color);
+    font-size: 1em;
+    font-weight: 300;
+    padding: 4px 12px;
+  }
+
+  .nav-button:hover {
+    color: var(--ifm-menu-color);
+    background-color: var(--ifm-menu-color-background-hover);
+  }
+
+  html[data-theme='dark'] .nav-button {
+    background-color: var(--ifm-navbar-background-color);
+    color: var(--ifm-menu-color);
+  }
+
+  html[data-theme='dark'] .nav-button:hover {
+    background-color: var(--ifm-menu-color-background-hover);
+    color: var(--ifm-menu-color);
   }
 }