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

Adds 'no-referrer' in hope we can fix the portrait image from google

Browse Source
This commit is contained in:
Jonathan Bourdon
2024-10-07 01:02:10 -04:00
parent 08df14bfab
commit 98cdac9b0a
1 changed files with 15 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/views/main/SideBar.vue
View File

@@ -6,7 +6,6 @@ import {ref} from "vue";
import {useI18n} from 'vue-i18n'; import {useI18n} from 'vue-i18n';
import {useCreatorProfileStore} from "@/stores/creatorProfileStore.js"; import {useCreatorProfileStore} from "@/stores/creatorProfileStore.js";
import {useUserProfileStore} from "@/stores/userProfileStore.js"; import {useUserProfileStore} from "@/stores/userProfileStore.js";
import HutopyIcon from '@/assets/icons/hutopy.svg'
const {locale} = useI18n(); const {locale} = useI18n();
const router = useRouter(); const router = useRouter();
@@ -41,13 +40,14 @@ initializeLocale();
<!-- LOGO HUTOPY --> <!-- LOGO HUTOPY -->
<router-link to="/"> <router-link to="/">
<img src="/images/hutopymedia/banners/hutopy.png" alt="hutopy" <img src="/images/hutopymedia/banners/hutopy.png"
alt="hutopy"
width="300px" width="300px"
height="64px"> height="64px">
<div class="flex justify-end" >ALPHA</div> <div class="flex justify-end">ALPHA</div>
</router-link> </router-link>
</div> </div>
<!-- SUBSCRIPTION SECTION --> <!-- SUBSCRIPTION SECTION -->
<div class="flex-grow px-4 mt-4"> <div class="flex-grow px-4 mt-4">
<template v-if="authStore.isAuthenticated"> <template v-if="authStore.isAuthenticated">
@@ -59,25 +59,24 @@ initializeLocale();
</div> </div>
<v-divider class="my-4" style="border-width: 1px; border-color: black;"></v-divider> <v-divider class="my-4" style="border-width: 1px; border-color: black;"></v-divider>
<!-- USER SECTION --> <!-- USER SECTION -->
<div class="px-4 mb-4"> <div class="px-4 mb-4">
<div class="flex items-center justify-start p-2 mb-4"> <div class="flex items-center justify-start p-2 mb-4">
<img <img
:src="userProfileStore.portraitUrl" :src="userProfileStore.portraitUrl"
alt="Profile Image" alt="Profile Image"
referrerpolicy="no-referrer"
class="rounded-full" class="rounded-full"
width="42" width="42"
height="42" height="42"
style="max-height: 42px;" style="max-height: 42px;"
> >
<span class="ml-2 text-sm font-sans capitalize"> <span class="ml-2 text-sm font-sans capitalize">
{{ userProfileStore.alias }} {{ userProfileStore.alias }}
</span> </span>
</div> </div>
<div class="flex flex-column gap-4"> <div class="flex flex-column gap-4">
<!-- YOUR PAGE --> <!-- YOUR PAGE -->
<router-link v-if="creatorProfileStore.hasCreator" <router-link v-if="creatorProfileStore.hasCreator"
@@ -95,7 +94,7 @@ initializeLocale();
<v-btn class="w-100" variant="plain">Activer votre page</v-btn> <v-btn class="w-100" variant="plain">Activer votre page</v-btn>
</router-link> </router-link>
<!-- CREATE CONTENT --> <!-- CREATE CONTENT -->
<!-- PROFILE --> <!-- PROFILE -->
<v-btn to="/profile" <v-btn to="/profile"
class="w-full justify-start" class="w-full justify-start"