style: update top app bar

razonyang · Jul 24, 2022 · e8b1e66 · e8b1e66
1 parent 0707ccd
commit e8b1e66
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/layouts/partials/header/font-size.html b/layouts/partials/header/font-size.html
@@ -1,6 +1,6 @@
 {{- if isset $.Site.Params "fontsize" }}
-<li class="nav-item dropdown py-2 py-lg-1 col-6 col-lg-auto">
-    <a class="nav-link px-0 px-lg-1" href="#" id="fontSizeDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+<li class="nav-item dropdown col-6 col-lg-auto">
+    <a class="nav-link px-0 py-2 px-lg-1" href="#" id="fontSizeDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
         <i class="fas fa-fw fa-font"></i>
         <span class="d-lg-none">{{ i18n "font_size" }}</span>
     </a>

diff --git a/layouts/partials/header/palettes.html b/layouts/partials/header/palettes.html
@@ -1,6 +1,6 @@
 {{- if .Site.Params.Palettes }}
-<li class="nav-item dropdown py-1 py-lg-1 col-6 col-lg-auto">
-    <a class="nav-link px-0 px-lg-1" href="#" id="paletteDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+<li class="nav-item dropdown col-6 col-lg-auto">
+    <a class="nav-link px-0 py-2 px-lg-1" href="#" id="paletteDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
         <i class="fas fa-fw fa-palette"></i>
         <span class="d-lg-none">{{ i18n "palette" }}</span>
     </a>

diff --git a/layouts/partials/header/theme.html b/layouts/partials/header/theme.html
@@ -1,8 +1,8 @@
 {{- if default true .Site.Params.topAppBar.colorToggle }}
-<li class="nav-item dropdown py-2 py-lg-1 col-6 col-lg-auto">
+<li class="nav-item dropdown col-6 col-lg-auto">
     {{- $modes := dict "light" (dict "icon" "sun") "dark" (dict "icon" "moon") "auto" (dict "icon" "adjust") }}
     {{- $mode := default "auto" $.Site.Params.color }}
-    <a class="nav-link px-0 px-lg-1" href="#" id="modeDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+    <a class="nav-link px-0 py-2 px-lg-1" href="#" id="modeDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
         <i class="mode-icon fas fa-fw fa-{{ (index $modes $mode ).icon }}" id="modeIcon"></i>
         <span class="d-lg-none">{{ i18n "mode" }}</span>
     </a>