From f01f465b595b8227b94aa8ce762b79b6d0961383 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Thu, 13 Feb 2025 16:56:57 -0500
Subject: [PATCH] Add styling border top and bottom with tertiary color to
 logo. Change banner border height and colors in main.css

---
 frontend/src/views/creators/ActualBanner.vue |  2 +-
 frontend/src/views/creators/CreatorLogo.vue  | 12 ++++++++++--
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/frontend/src/views/creators/ActualBanner.vue b/frontend/src/views/creators/ActualBanner.vue
index 98683f7..64d19dd 100644
--- a/frontend/src/views/creators/ActualBanner.vue
+++ b/frontend/src/views/creators/ActualBanner.vue
@@ -64,7 +64,7 @@ const isCurrentCreator = computed(() => {
 
 <style scoped>
 .banner {
-  border-bottom: 6px solid var(--h-tertiary);
+  border-bottom: 5px solid var(--h-tertiary);
 }
 
 </style>
\ No newline at end of file
diff --git a/frontend/src/views/creators/CreatorLogo.vue b/frontend/src/views/creators/CreatorLogo.vue
index 175ef4e..66b4119 100644
--- a/frontend/src/views/creators/CreatorLogo.vue
+++ b/frontend/src/views/creators/CreatorLogo.vue
@@ -6,7 +6,7 @@
   >
 
     <img
-        class="shadow-2xl rounded-full border-solid border-hSecondary border-102 w-[200px] h-[200px]"
+        class="shadow-2xl rounded-full border-solid border-hSecondary border-102 w-[200px] h-[200px] logo-image"
         :src="brandingStore.value.images?.logo ?? '/images/placeholders/profile.png'"
         alt="Profile Picture"
     />
@@ -59,4 +59,12 @@ const isCurrentCreator = computed(() => {
   return authStore.userId === brandingStore.value.id;
 });
 
-</script>
\ No newline at end of file
+</script>
+
+<style scoped>
+.logo-image {
+  border-bottom: 4px solid var(--h-tertiary);
+  border-top: 4px solid var(--h-tertiary);
+}
+
+</style>
\ No newline at end of file