Files
social-media/src/views/creators/CreatorBanner.vue
Jonathan Bourdon b170d485e7 - Removes BannerActions
- Fix router for Documentations
- Clean login
2024-10-28 23:59:28 -04:00

30 lines
923 B
Vue

<template>
<div>
<div class="shadow-lg rounded-2xl mt-2 ">
<div class="relative z-20">
<div class="min-h-8 rounded-t-2xl shadow-lg" :style="{ backgroundColor: branding.colors.primary}"></div>
<!--Banner-->
<div class="relative">
<div>
<img
class="w-full drop-shadow-[0_10px_6px_rgba(0,0,0,0.25)]"
:src="branding.value.images.banner ? branding.value.images.banner : '/images/placeholders/banner.png'"
alt="Profile Banner"
style="max-height: 425px"
>
</div>
</div>
</div>
<!--actions - Lowerpart-->
<banner-actions></banner-actions>
</div>
</div>
</template>
<script setup>
import BannerActions from "@/views/creators/BannerActions.vue";
import {useBrandingStore} from "@/stores/brandingStore.js";
const branding = useBrandingStore()
</script>