diff --git a/loama/public/favicon.ico b/loama/public/favicon.ico
index df36fcf..223a7ca 100644
Binary files a/loama/public/favicon.ico and b/loama/public/favicon.ico differ
diff --git a/loama/src/components/header/HeaderBase.vue b/loama/src/components/header/HeaderBase.vue
index 377aa29..042963a 100644
--- a/loama/src/components/header/HeaderBase.vue
+++ b/loama/src/components/header/HeaderBase.vue
@@ -24,10 +24,12 @@ import Loama from '../../assets/loama.svg'
import LoButton from '../LoButton.vue'
import HeaderContextMenu from './HeaderContextMenu.vue'
import { PhShareFat } from '@phosphor-icons/vue';
-defineProps<{
- pfpSrc: string,
-}>()
+import { getProfileInfo } from "loama-controller";
+import { store } from '@/store';
+import type { Session } from '@inrupt/solid-client-authn-browser';
+
+const pfpSrc = (await getProfileInfo(store.session as Session, store.usedPod.replace(/\/$/, ''))).img;
const isContextMenuHidden = ref(true)
@@ -85,6 +87,7 @@ nav {
margin-left: auto;
}
+img,
svg {
width: calc(var(--base-unit)*8);
height: calc(var(--base-unit)*8);
@@ -92,7 +95,7 @@ svg {
img {
border-radius: 100%;
- width: calc(var(--base-unit)*8);
+ object-fit: cover;
}
img:hover {
diff --git a/loama/src/components/header/HeaderTab.vue b/loama/src/components/header/HeaderTab.vue
index be3e4de..05a4aee 100644
--- a/loama/src/components/header/HeaderTab.vue
+++ b/loama/src/components/header/HeaderTab.vue
@@ -1,9 +1,11 @@
-
+
+
+