STYLE: trimmed the commit message for better display

SANKALP1011 · Feb 21, 2024 · 7affae3 · 7affae3
1 parent 4b57fbd
commit 7affae3
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 5 deletions.
diff --git a/src/Components/Repository/RecentCommitProgeress.tsx b/src/Components/Repository/RecentCommitProgeress.tsx
@@ -12,7 +12,7 @@ const RecentCommitProgress: React.FC<MostRecentCommitInterfaceProp> = ({
 }) => {
   const [show,setShow] = useState(true)
   return (
-    <div className="mt-8 relative group items-start justify-center">
+    <div className="mt-8 relative group items-start justify-center h">
       <div className="ml-5 mostRecentGradient absolute inset-0 bg-gradient-to-r from-pink-600 to-red-600 blur opacity-75 group-hover:opacity-100 transition duration-1000 group-hover:duration-500 animate-pulse"></div>
       <Card className="bg-black mostRecentCard ml-7">
         <div className="w-32 text-center mb-1">
@@ -34,7 +34,7 @@ const RecentCommitProgress: React.FC<MostRecentCommitInterfaceProp> = ({
       <span className="text-pink-400 mr-2">  Author:</span> {mostRecentCommit.mostRecentCommit.commitData.author_Namae}
         </p>
         <p className="text-blue-600  font-extrabold">
-       <span className="text-green-600 mr-2">Message:</span>   {mostRecentCommit.mostRecentCommit.commitData.author_commit_message}
+       <span className="text-green-600 mr-2">Message:</span>   {mostRecentCommit.mostRecentCommit.commitData.author_commit_message.substring(0,35)}...
         </p>
       </Card>
     </div>

diff --git a/src/Styles/Dashboard/langCount.css b/src/Styles/Dashboard/langCount.css
@@ -23,9 +23,12 @@
   font-weight: bolder;
   color: white;
 }
-
+.h{
+  width: 100%;
+}
 .mostRecentCard {
   border-radius: 40px;
+  width: 100%;
 }
 .mostRecentGradient {
   width: 103%;
@@ -40,6 +43,7 @@
 .oldestRepoCard{
   border-radius: 35px;
 }
+
 .repoFlexHeading{
   border-bottom-width: 5px;
   border-bottom-color: #FC6736;

diff --git a/src/app/Dashboard/page.tsx b/src/app/Dashboard/page.tsx
@@ -331,13 +331,13 @@ const VersionDashboard: React.FC = () => {
               <Image src={NotationImage} alt="demo" className="demo ml-5"/>
             </div>
           </Grid>
-          <div className="flex flex-row">
+
             <div>
               {mostRecCommit && (
                 <RecentCommitProgress mostRecentCommit={mostRecCommit} />
               )}
             </div>
-          </div>
+
         </div>
         <div className="langCountCardContainer drop-shadow-2xl">
           <div>