From 479979cad4d76970cf0dca882531bd8bf4748d7b Mon Sep 17 00:00:00 2001
From: Story Crater Bot <19826264+Riotpiaole@users.noreply.github.com>
Date: Mon, 31 Aug 2026 22:29:04 -0700
Subject: [PATCH] fix: dropdown close on mouse leave + imagePullPolicy Always

- Add onMouseLeave to close dropdowns when hover away
- Change imagePullPolicy to Always for latest tag updates
---
 components/Header.tsx                | 10 ++++++----
 infra/portfolio/base/deployment.yaml |  2 +-
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/components/Header.tsx b/components/Header.tsx
index 55084d3..d91b10f 100644
--- a/components/Header.tsx
+++ b/components/Header.tsx
@@ -78,7 +78,7 @@ export default function Header() {
           >
             {t.header.nav.askPoimen}
           </button>
-          <div className="relative">
+          <div className="relative" onMouseLeave={() => setSkillsOpen(false)}>
             <button 
               onClick={() => setSkillsOpen(!skillsOpen)}
               className="text-sm hover:text-blue-600 dark:hover:text-blue-400"
@@ -86,7 +86,8 @@ export default function Header() {
               {t.header.nav.skills}
             </button>
             {skillsOpen && (
-              <div className="absolute right-0 mt-2 w-80 bg-white dark:bg-gray-900 border border-gray-200 dark:border-gray-800 rounded-lg shadow-lg p-4">
+              <div className="absolute right-0 pt-2 w-80">
+                <div className="bg-white dark:bg-gray-900 border border-gray-200 dark:border-gray-800 rounded-lg shadow-lg p-4">
                 <div className="grid grid-cols-2 gap-3">
                   {Object.entries(t.header.skills).map(([key, category]) => (
                     <div key={key}>
@@ -102,9 +103,10 @@ export default function Header() {
                   ))}
                 </div>
               </div>
+                </div>
             )}
           </div>
-          <div className="relative">
+          <div className="relative" onMouseLeave={() => setContactOpen(false)}>
             <button 
               onClick={() => setContactOpen(!contactOpen)}
               className="text-sm hover:text-blue-600 dark:hover:text-blue-400"
@@ -194,7 +196,7 @@ export default function Header() {
               <div className="text-gray-600 dark:text-gray-400">{t.header.experience}</div>
               <div className="font-semibold text-gray-900 dark:text-white">{t.header.experienceValue}</div>
             </div>
-            <div className="relative">
+            <div className="relative" onMouseLeave={() => setEducationOpen(false)}>
               <button 
                 onClick={() => setEducationOpen(!educationOpen)}
                 className="text-xs cursor-pointer hover:text-blue-600 dark:hover:text-blue-400"
diff --git a/infra/portfolio/base/deployment.yaml b/infra/portfolio/base/deployment.yaml
index 1c3e64d..c312d28 100644
--- a/infra/portfolio/base/deployment.yaml
+++ b/infra/portfolio/base/deployment.yaml
@@ -19,7 +19,7 @@ spec:
       containers:
       - name: portfolio
         image: forgejo.riotpiao.com/rock/portfolio:latest
-        imagePullPolicy: IfNotPresent
+        imagePullPolicy: Always
         ports:
         - name: http
           containerPort: 3000