Add styling border with tertiary color

2025-02-13 16:45:29 -05:00
parent bcd45db2b4
commit 5de745384d
1 changed files with 9 additions and 2 deletions
--- 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>
+</script>
+
+<style scoped>
+.banner {
+  border-bottom: 6px solid var(--h-tertiary);
+}
+
+</style>