From ad6b29be01f398096f0accc3707084956a55eb9f Mon Sep 17 00:00:00 2001
From: ngn <ngn13proton@proton.me>
Date: Sun, 18 Jun 2023 19:31:37 +0300
Subject: [PATCH] fixing projects ui

---
 components/Project.vue     |  4 ++--
 components/ProjectList.vue |  2 +-
 pages/projects.vue         | 38 ++++++++++++++++++++------------------
 3 files changed, 23 insertions(+), 21 deletions(-)

diff --git a/components/Project.vue b/components/Project.vue
index 6eb9133..1012e51 100644
--- a/components/Project.vue
+++ b/components/Project.vue
@@ -31,7 +31,7 @@ main {
     cursor: pointer;
     transition: .4s;
     height: 100px;
-    width: 80%;
+    width: 450px;
 }
 
 main:hover{
@@ -54,7 +54,7 @@ h2{
     font-size: 25px;
 }
 
-@media only screen and (max-width: 1121px) {
+@media only screen and (max-width: 1416px) {
     main{
         width: 80%;
     }
diff --git a/components/ProjectList.vue b/components/ProjectList.vue
index 0b320c1..b71107b 100644
--- a/components/ProjectList.vue
+++ b/components/ProjectList.vue
@@ -20,7 +20,7 @@ div{
     gap: 30px;
 }
 
-@media only screen and (max-width: 1121px) {
+@media only screen and (max-width: 1416px) {
     div {
         flex-direction: column;
     }
diff --git a/pages/projects.vue b/pages/projects.vue
index 8a4ff47..6cbf450 100644
--- a/pages/projects.vue
+++ b/pages/projects.vue
@@ -53,28 +53,30 @@ export default {
           list: []
         }
         for(let i = 0; i<all.length; i++){
-            if(project["list"].length!==3)
-                project["list"].push({
-                    name: all[i]["name"],
-                    desc: all[i]["desc"],
-                    click: all[i]["click"],
-                    url: `/l/${all[i]["name"].toLowerCase().replaceAll(" ", "")}`
-                })
-            else{
-                projects.push(project)
-                pcounter += 1
-                project = {
-                  id: pcounter,
-                  list: []
-                }
+          if(project["list"].length===3){
+            projects.push(project)
+            pcounter += 1
+            project = {
+              id: pcounter,
+              list: []
             }
+          }
 
-            if(i===all.length-1){
-                projects.push(project)
-            }
+          project["list"].push({
+            name: all[i]["name"],
+            desc: all[i]["desc"],
+            click: all[i]["click"],
+            url: `/l/${all[i]["name"]
+              .toLowerCase()
+              .replaceAll(" ", "")}`
+          })
+
+          if(i===all.length-1){
+            projects.push(project)
+          }
         }
+
         this.projects = projects
-        console.log(this.projects)
   }
 }
 </script>