From 0a59a061218a407ebe1f0ce54020f60b49b9af73 Mon Sep 17 00:00:00 2001
From: naqaden <naqaden@users.noreply.github.com>
Date: Mon, 21 Aug 2023 15:47:34 -0700
Subject: [PATCH] Replace project icon border (#1319)

Icons in project pages with featured images and in search results with gallery view have borders that resize their 96x96 icons to 88x92.

These box-shadow replacements preserve icon size while retaining visual equivalency (rounded 4px border around left, top, and right).
---
 components/ui/ProjectCard.vue | 3 +--
 pages/[type]/[id].vue         | 3 +--
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/components/ui/ProjectCard.vue b/components/ui/ProjectCard.vue
index 98b9aa56a..faca139cd 100644
--- a/components/ui/ProjectCard.vue
+++ b/components/ui/ProjectCard.vue
@@ -305,8 +305,7 @@ export default {
     img,
     svg {
       border-radius: var(--size-rounded-lg);
-      border: 4px solid var(--color-raised-bg);
-      border-bottom: none;
+      box-shadow: -2px -2px 0 2px var(--color-raised-bg), 2px -2px 0 2px var(--color-raised-bg);
     }
   }
 
diff --git a/pages/[type]/[id].vue b/pages/[type]/[id].vue
index 1244c5525..9167dac85 100644
--- a/pages/[type]/[id].vue
+++ b/pages/[type]/[id].vue
@@ -1159,8 +1159,7 @@ const collapsedChecklist = ref(false)
       margin-top: calc(-3rem - var(--spacing-card-lg) - 4px);
       margin-left: -4px;
       z-index: 1;
-      border: 4px solid var(--color-raised-bg);
-      border-bottom: none;
+      box-shadow: -2px -2px 0 2px var(--color-raised-bg), 2px -2px 0 2px var(--color-raised-bg);
     }
   }
   .project__header__content {