feat: enhancing canvass layout

front/MyINPulse-front/src/components/canvas/CanvasItem.vue

@@ -50,14 +50,23 @@
 		text-align: center;
 		transition: all 0.3s ease;
 		cursor: pointer;
+    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.1);
 	}
 
-  .cell_Expanded {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		transition: all 0.3s ease;
-		cursor: pointer;
+  .cell:not(.expanded):hover {
+    transform: scale(1.05);
+    box-shadow: 0 8px 9px rgba(0, 0, 0, 0.2);
+  }
+
+  .cell h3 {
+      font-size: 20px;
+      font-weight: 500;
+      /*margin-bottom: 10px;*/
+  }
+
+  .cell p {
+      font-size: 14px;
+      color: #666;
   }
 
 	.expanded {

front/MyINPulse-front/src/components/canvas/LeanCanvas.vue

@@ -46,7 +46,6 @@ export default {
   padding: 10px;
   max-width: 1200px;
   margin: 20px auto;
-  border: 2px dashed #d33;
   background-color: #fff; 
   position: relative;
   height: 80vh;

front/MyINPulse-front/src/components/canvas/style-project.css

@@ -4,15 +4,6 @@ body {
     padding: 10px;
   }
   
-  .canvas {
-    display: flex;
-    flex-direction: column;
-    max-width: 1200px;
-    margin: 20px auto;
-    border: 2px dashed #d33;
-    background: #fff;
-  }
-  
   .row {
     display: flex;
   }
@@ -67,14 +58,6 @@ body {
     margin-bottom: 10px;
   }
 
-  .cell {
-    flex: 1;
-    border: 1px solid #ddd;
-    padding: 20px;
-    text-align: center;
-    background-color: #f1f1f1;
-  }
-
   #ade {
     max-width: 1200px;
     margin: 20px auto;