- project button fix

sohez · Oct 29, 2024 · 0690a07 · 0690a07
1 parent 45647fc
commit 0690a07
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 13 deletions.
diff --git a/assets/script/projects.js b/assets/script/projects.js
@@ -52,7 +52,7 @@ const ProjectsDataHTML = ProjectsData.map(
             </div>
             <div>
               <p>${item.description}</p>
-              <button><a href="${item.link}" target="_blank">View</a></button>
+              <a href="${item.link}" title="${item.name}" target="_blank">View</a>
             </div>
           </div>
       `

diff --git a/assets/style/_style.scss b/assets/style/_style.scss
@@ -298,6 +298,8 @@ main #projects-section {
       outline: 1px solid var(--color-primary);
       border-radius: 12px;
       padding: 24px;
+      display: flex;
+      flex-direction: column;
       img {
         height: 60px;
         width: 60px;
@@ -308,7 +310,11 @@ main #projects-section {
         font-size: var(--paragraph-size);
         color: var(--color-text-gray);
       }
-      button {
+      a {
+        width:fit-content;
+        display: block;
+        text-decoration: none;
+        color: var(--color-text);
         padding: 8px 24px;
         margin-top: 12px;
         border-radius: 8px;
@@ -322,10 +328,6 @@ main #projects-section {
           background-color: var(--color-primary);
           cursor: pointer;
         }
-        a {
-          text-decoration: none;
-          color: var(--color-text);
-        }
       }
     }
   }

diff --git a/assets/style/style.css b/assets/style/style.css
diff --git a/assets/style/style.css.map b/assets/style/style.css.map
-Original file line number
+Diff line change
@@ Expand Up / @@ -52,7 +52,7 @@ const ProjectsDataHTML = ProjectsData.map( @@
                 </div>
                 <div>
                   <p>${item.description}</p>
-                  <button><a href="${item.link}" target="_blank">View</a></button>
+                  <a href="${item.link}" title="${item.name}" target="_blank">View</a>
                 </div>
               </div>
           `
@@ Expand Down @@