From 75237c87bd553d75e5ee179fbea682697c3f1fb3 Mon Sep 17 00:00:00 2001
From: MagicBOTAlex <zhentao2004@gmail.com>
Date: Mon, 16 Jun 2025 15:02:57 +0800
Subject: [PATCH] Fixed QR code background

---
 .../zhen/cv/CompsRev3/LinkedInQR.svelte       | 35 +++++++++++++++++++
 1 file changed, 35 insertions(+)

diff --git a/src/routes/zhen/cv/CompsRev3/LinkedInQR.svelte b/src/routes/zhen/cv/CompsRev3/LinkedInQR.svelte
index b75440b..0e9d2f8 100644
--- a/src/routes/zhen/cv/CompsRev3/LinkedInQR.svelte
+++ b/src/routes/zhen/cv/CompsRev3/LinkedInQR.svelte
@@ -8,6 +8,41 @@
 </div>
 
 <style lang="scss">
+  .corner-border-container {
+    --length: 20px;
+    --width: 4px;
+    background-color: var(--left-grid-bg-color);
+    background-image:
+      linear-gradient(var(--left-decor-line-color), var(--left-decor-line-color)),
+      linear-gradient(var(--left-decor-line-color), var(--left-decor-line-color)),
+      linear-gradient(var(--left-decor-line-color), var(--left-decor-line-color)),
+      linear-gradient(var(--left-decor-line-color), var(--left-decor-line-color)),
+      linear-gradient(var(--left-decor-line-color), var(--left-decor-line-color)),
+      linear-gradient(var(--left-decor-line-color), var(--left-decor-line-color)),
+      linear-gradient(var(--left-decor-line-color), var(--left-decor-line-color)),
+      linear-gradient(var(--left-decor-line-color), var(--left-decor-line-color));
+    background-size:
+      var(--length) var(--width),
+      var(--width) var(--length),
+      var(--length) var(--width),
+      var(--width) var(--length),
+      var(--length) var(--width),
+      var(--width) var(--length),
+      var(--length) var(--width),
+      var(--width) var(--length);
+    background-position:
+      top left,
+      top left,
+      top right,
+      top right,
+      bottom right,
+      bottom right,
+      bottom left,
+      bottom left;
+    background-repeat: no-repeat;
+  }
+
+
     .qrcode {
         transform: scale(0.9);
     }