From 23a48ef01d1ba0bb205a3cfea7213087c170bd55 Mon Sep 17 00:00:00 2001
From: BOTAlex <zhentao2004@gmail.com>
Date: Mon, 30 Mar 2026 01:55:53 +0200
Subject: [PATCH] sync

---
 .../cv/comps/SlantedProjectHighlights.svelte  | 36 +++++++++----------
 1 file changed, 16 insertions(+), 20 deletions(-)

diff --git a/src/routes/cv/comps/SlantedProjectHighlights.svelte b/src/routes/cv/comps/SlantedProjectHighlights.svelte
index 919f2f8..607465c 100644
--- a/src/routes/cv/comps/SlantedProjectHighlights.svelte
+++ b/src/routes/cv/comps/SlantedProjectHighlights.svelte
@@ -1,31 +1,21 @@
 <script>
-  const leftCells = [
-    { label: "Cell 1", bg: "bg-blue-600" },
-    { label: "Cell 2", bg: "bg-blue-500" },
-    { label: "Cell 3", bg: "bg-blue-400" },
-  ];
-
-  const rightCells = [
-    { label: "Cell 4", bg: "bg-emerald-600" },
-    { label: "Cell 5", bg: "bg-emerald-500" },
-    { label: "Cell 6", bg: "bg-emerald-400" },
-  ];
-
   const baseClass =
-    "h-56 w-full flex items-center justify-center text-white font-bold text-2xl";
+    "h-56 w-full bg-slate-400 flex text-white font-bold text-2xl";
 </script>
 
 <div class="relative w-full flex justify-between">
   <div class="col-l relative h-full flex flex-col gap-2 p-4">
-    {#each leftCells as cell}
-      <div class="{baseClass} {cell.bg} pr-[15cm]">{cell.label}</div>
-    {/each}
+    <div class="{baseClass} left-cols">
+      <div class="w-full bg-white">Kubernetes Cluster</div>
+    </div>
+    <div class="{baseClass} left-cols"></div>
+    <div class="{baseClass} left-cols"></div>
   </div>
 
-  <div class="col-r absolute right-0 h-full flex flex-col gap-2 p-4">
-    {#each rightCells as cell}
-      <div class="{baseClass} {cell.bg} pl-[15cm]">{cell.label}</div>
-    {/each}
+  <div class="col-r absolute left-0 right-0 h-full flex flex-col gap-2 p-4">
+    <div class="{baseClass} right-cols bg-slate-700"></div>
+    <div class="{baseClass} right-cols bg-slate-700"></div>
+    <div class="{baseClass} right-cols bg-slate-700"></div>
   </div>
 </div>
 
@@ -36,4 +26,10 @@
   .col-r {
     clip-path: polygon(40% 0, 100% 0, 100% 100%, 5% 100%);
   }
+  .left-cols {
+    width: 15cm;
+  }
+  .right-cols {
+    width: 15cm;
+  }
 </style>