From b5ab9dd2e3d417477427103e6ea268cc11d61fd1 Mon Sep 17 00:00:00 2001
From: Oscar Najera <hi@oscarnajera.com>
Date: Tue, 7 Jan 2025 00:50:07 +0100
Subject: translation dropdown tailwind

---
 assets/css/tailwind.css      | 4 ++++
 layouts/partials/header.html | 8 +++++---
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/assets/css/tailwind.css b/assets/css/tailwind.css
index 3b17675..04fd52d 100644
--- a/assets/css/tailwind.css
+++ b/assets/css/tailwind.css
@@ -1061,6 +1061,10 @@ h6 {
   margin-left: 0.5rem;
 }
 
+.mr-2 {
+  margin-right: 0.5rem;
+}
+
 .mt-3 {
   margin-top: 0.75rem;
 }
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 8394764..33f5ad2 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -1,5 +1,7 @@
 <nav class="bg-lime-700">
-  <div class="max-w-screen-md mx-auto text-white flex justify-between">
+  <div
+    class="max-w-screen-md mx-auto text-white flex justify-between items-center"
+  >
     <a href="{{ site.BaseURL | relLangURL }}" class="">
       {{ with resources.Get .Site.Params.logo }}
         <img
@@ -14,7 +16,7 @@
       </span>
     </a>
     <input class="menu-btn hidden" type="checkbox" id="menu-btn" />
-    <label class="menu-icon m-2 p-4 md:hidden" for="menu-btn">
+    <label class="menu-icon p-2 md:hidden" for="menu-btn">
       <span class="navicon bg-white"></span>
     </label>
     <div
@@ -31,7 +33,7 @@
     {{ if .IsTranslated }}
       <select
         name="lang"
-        class="my-2 py-1 tc ba b--black-20 br2 w3-theme-d3 mw3 "
+        class="mr-2 p-1 text-center border border-black-20 rounded-md bg-white text-black"
         onchange="self.location=options[selectedIndex].value"
       >
         <option value="{{ .Permalink }}">
-- 
cgit v1.2.3