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

Adds AccountVerified

Browse Source
This commit is contained in:
Jonathan Bourdon
2025-01-08 16:38:05 -05:00
parent fd94b3e371
commit 786530d963
2 changed files with 19 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/icons/IconAccountVerified.vue Normal file
View File

@@ -0,0 +1,5 @@
<template>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path fill="currentColor" d="m23 12l-2.44-2.78l.34-3.68l-3.61-.82l-1.89-3.18L12 3L8.6 1.54L6.71 4.72l-3.61.81l.34 3.68L1 12l2.44 2.78l-.34 3.69l3.61.82l1.89 3.18L12 21l3.4 1.46l1.89-3.18l3.61-.82l-.34-3.68zm-13 5l-4-4l1.41-1.41L10 14.17l6.59-6.59L18 9z" />
</svg>
</template>

21
src/views/creators/BannerActions.vue
View File

@@ -3,6 +3,7 @@ import { useClient } from '@/plugins/api.js';
import { useBrandingStore } from '@/stores/brandingStore.js'; import { useBrandingStore } from '@/stores/brandingStore.js';
import DonationButtonBanner from '@/views/creators/DonationButtonBanner.vue'; import DonationButtonBanner from '@/views/creators/DonationButtonBanner.vue';
import { onBeforeUnmount, onMounted, ref } from 'vue'; import { onBeforeUnmount, onMounted, ref } from 'vue';
import IconAccountVerified from "@/components/icons/IconAccountVerified.vue";
const brandingStore = useBrandingStore(); const brandingStore = useBrandingStore();
const isMobile = ref(false); const isMobile = ref(false);
@@ -137,15 +138,21 @@ onBeforeUnmount(() => {
/> />
</div> </div>
<div <div
class="ml-64 w-25 min-w-60 flex flex-col" class="ml-64 w-25 min-w-60 flex flex-row"
:style="{ color: brandingStore.colors.onPrimary }" :style="{ color: brandingStore.colors.onPrimary }"
> >
<p class="capitalize text-3xl mt-4"> <div v-show="brandingStore.value.verified" class="text-blue m-4 align-content-center">
{{ brandingStore.value.name }} <icon-account-verified></icon-account-verified>
</p> </div>
<p class="capitalize text-lg -mb-14">
{{ brandingStore.value.title }} <div class="flex flex-col">
</p> <span class="capitalize text-3xl">
{{ brandingStore.value.name }}
</span>
<span class="capitalize text-lg">
{{ brandingStore.value.title }}
</span>
</div>
</div> </div>
</div> </div>