Add styling border with tertiary color

This commit is contained in:
PascalMarchesseault
2025-02-13 16:45:29 -05:00
parent bcd45db2b4
commit 5de745384d

View File

@@ -9,7 +9,7 @@
@click="isCurrentCreator && openBannerEditor()" @click="isCurrentCreator && openBannerEditor()"
> >
<img <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'" :src="brandingStore.value?.images?.banner ?? '/images/placeholders/banner.png'"
alt="Profile Banner" alt="Profile Banner"
> >
@@ -61,3 +61,10 @@ const isCurrentCreator = computed(() => {
}); });
</script> </script>
<style scoped>
.banner {
border-bottom: 6px solid var(--h-tertiary);
}
</style>