jbourdon/social-media
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add styling border top and bottom with tertiary color to logo. Change banner border height and colors in main.css

Browse Source
This commit is contained in:
PascalMarchesseault
2025-02-13 16:56:57 -05:00
parent 5de745384d
commit f01f465b59
2 changed files with 11 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/views/creators/ActualBanner.vue
View File

@@ -64,7 +64,7 @@ const isCurrentCreator = computed(() => {
<style scoped> <style scoped>
.banner { .banner {
border-bottom: 6px solid var(--h-tertiary); border-bottom: 5px solid var(--h-tertiary);
} }
</style> </style>

12
frontend/src/views/creators/CreatorLogo.vue
View File

@@ -6,7 +6,7 @@
> >
<img <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'" :src="brandingStore.value.images?.logo ?? '/images/placeholders/profile.png'"
alt="Profile Picture" alt="Profile Picture"
/> />
@@ -59,4 +59,12 @@ const isCurrentCreator = computed(() => {
return authStore.userId === brandingStore.value.id; return authStore.userId === brandingStore.value.id;
}); });
</script> </script>
<style scoped>
.logo-image {
border-bottom: 4px solid var(--h-tertiary);
border-top: 4px solid var(--h-tertiary);
}
</style>