From f9a6fb3057b6f18aab49acdbd56d3425df86879d Mon Sep 17 00:00:00 2001
From: 0xExp-po <xtinc.exp@gmail.com>
Date: Wed, 11 Sep 2024 05:57:19 +0900
Subject: [PATCH] chore: commit record has popup updating

---
 dapp/src/components/CommitRecord.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/dapp/src/components/CommitRecord.jsx b/dapp/src/components/CommitRecord.jsx
index 84acbbc..061e6f5 100644
--- a/dapp/src/components/CommitRecord.jsx
+++ b/dapp/src/components/CommitRecord.jsx
@@ -57,8 +57,8 @@ const CommitRecord = ({ message, date, authorName, authorGithubLink, sha, commit
           <a href={commitLink} target="_blank" rel="noopener noreferrer" className="sha text-sm font-mono text-gray-500 hover:bg-zinc-400 transition-colors duration-200 px-2 py-1 rounded">
             {sha.substring(0, 7)}
           </a>
-          <div className="absolute left-0 sm:-left-full bottom-full mb-2 -translate-x-1/2 hidden group-hover:block">
-            <div className="bg-black text-white text-xs py-1 px-2 rounded shadow-lg max-w-[90vw] break-words">
+          <div className="absolute -left-1/4 sm:-left-full bottom-full mb-2 -translate-x-1/2 hidden group-hover:block">
+            <div className="bg-black text-white text-xs py-1 px-2 rounded shadow-lg max-w-[54vw] sm:max-w-[90vw] break-words">
               {sha}
               <div className="absolute left-2/3 sm:left-3/4 top-full border-4 border-transparent border-t-black"></div>
             </div>