fix: top github link on ipad and pc

jamesx00 · Dec 17, 2024 · 9ef1cee · 9ef1cee
1 parent 19757a4
commit 9ef1cee
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 10 deletions.
diff --git a/_includes/navigation.njk b/_includes/navigation.njk
@@ -9,9 +9,6 @@
       <div class="hidden sm:ml-6 sm:flex">
         {% for item in collections.all | eleventyNavigation %}
           <div class="relative flex px-4 py-10 group">
-            <a href="https://github.com/jamesx00/pythonexpert" target="_blank" class="text-sm inline-flex items-center px-1 font-medium hover:text-primary-900 transition">
-              <i class="fab fa-github mr-4 fa-2x"></i>
-            </a>
             <a href="{{ item.url }}" class="text-sm after:duration-300 after:inset-0 overflow-x-hidden relative after:-translate-x-[105%] hover:after:translate-x-0 after:transition after:content-[''] after:absolute after:border-b-2 after:border-primary-900 inline-flex items-center px-1 font-medium {% if page.url == item.url %}text-primary-900 after:translate-x-0{% else %}text-neutral-400{% endif %} hover:text-primary-900 transition">{{ item.key | upper }}</a>
             {% if item.children | length > 0 %}
               <span class="text-primary-800 cursor-pointer pl-2">&#9660;</span>
@@ -24,6 +21,9 @@
             {% endif %}
           </div>
         {% endfor %}
+        <a href="https://github.com/jamesx00/pythonexpert" target="_blank" class="text-sm inline-flex items-center px-1 font-medium hover:text-primary-900 transition">
+          <i class="fab fa-github mr-4 fa-2x"></i>
+        </a>
       </div>
       <div
         class="-mr-2 flex items-center sm:hidden">

diff --git a/public/css/tailwind.css b/public/css/tailwind.css
@@ -1552,8 +1552,16 @@ h4 {
   margin-top: 1.5rem;
 }
 
-.mt-2 {
-  margin-top: 0.5rem;
+.mr-6 {
+  margin-right: 1.5rem;
+}
+
+.mr-8 {
+  margin-right: 2rem;
+}
+
+.mr-12 {
+  margin-right: 3rem;
 }
 
 .block {
@@ -2072,6 +2080,11 @@ h4 {
   font-family: Victor Mono, sans-serif;
 }
 
+.text-2xl {
+  font-size: 1.5rem;
+  line-height: 2rem;
+}
+
 .text-\[0px\] {
   font-size: 0px;
 }
@@ -2101,11 +2114,6 @@ h4 {
   line-height: 1rem;
 }
 
-.text-2xl {
-  font-size: 1.5rem;
-  line-height: 2rem;
-}
-
 .font-bold {
   font-weight: 700;
 }