From 8fec1e5086d868949279522dff6f438475b6c6c2 Mon Sep 17 00:00:00 2001
From: BOTAlex <zhentao2004@gmail.com>
Date: Mon, 30 Mar 2026 02:50:44 +0200
Subject: [PATCH] good slanted project showcase

---
 src/routes/cv/comps/SlantedProjectHighlights.svelte | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)

diff --git a/src/routes/cv/comps/SlantedProjectHighlights.svelte b/src/routes/cv/comps/SlantedProjectHighlights.svelte
index 607465c..845033c 100644
--- a/src/routes/cv/comps/SlantedProjectHighlights.svelte
+++ b/src/routes/cv/comps/SlantedProjectHighlights.svelte
@@ -4,7 +4,7 @@
 </script>
 
 <div class="relative w-full flex justify-between">
-  <div class="col-l relative h-full flex flex-col gap-2 p-4">
+  <div class="col-l w-full relative h-full flex flex-col gap-2 p-4">
     <div class="{baseClass} left-cols">
       <div class="w-full bg-white">Kubernetes Cluster</div>
     </div>
@@ -20,16 +20,13 @@
 </div>
 
 <style>
-  .col-l {
-    clip-path: polygon(0 0, 100% 0, 65% 100%, 0 100%);
-  }
   .col-r {
-    clip-path: polygon(40% 0, 100% 0, 100% 100%, 5% 100%);
+    clip-path: polygon(65% 0, 100% 0, 100% 100%, 35% 100%);
   }
   .left-cols {
-    width: 15cm;
+    /* width: 15cm; */
   }
   .right-cols {
-    width: 15cm;
+    /* width: 15cm; */
   }
 </style>