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]>
VeryGoodOpenSource · Jul 11, 2023 · ce39d19 · ce39d19
1 parent f432b46
commit ce39d19
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 3 deletions.
diff --git a/.github/workflows/ci.yml b/.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
 

diff --git a/site/src/css/custom.css b/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);
   }
 }