From 5de745384d7fb94d94027ead2c533a14eebffe35 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Thu, 13 Feb 2025 16:45:29 -0500
Subject: [PATCH] Add styling border with tertiary color

---
 frontend/src/views/creators/ActualBanner.vue | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/creators/ActualBanner.vue b/frontend/src/views/creators/ActualBanner.vue
index 36b3c9b..98683f7 100644
--- a/frontend/src/views/creators/ActualBanner.vue
+++ b/frontend/src/views/creators/ActualBanner.vue
@@ -9,7 +9,7 @@
         @click="isCurrentCreator && openBannerEditor()"
     >
       <img
-          class="drop-shadow-[0_10px_6px_rgba(0,0,0,0.25)] w-[1024px] h-[256px]"
+          class="drop-shadow-[0_10px_6px_rgba(0,0,0,0.25)] w-[1024px] h-[256px] banner"
           :src="brandingStore.value?.images?.banner ?? '/images/placeholders/banner.png'"
           alt="Profile Banner"
       >
@@ -60,4 +60,11 @@ const isCurrentCreator = computed(() => {
   return authStore.userId === brandingStore.value.id;
 });
 
-</script>
\ No newline at end of file
+</script>
+
+<style scoped>
+.banner {
+  border-bottom: 6px solid var(--h-tertiary);
+}
+
+</style>
\ No newline at end of file