Skip to content

Commit

Permalink
feat: Downsize Space Avatar in Topbar - MEED-7887 - Meeds-io/MIPs#159 (
Browse files Browse the repository at this point in the history
…#4219)

This change will reduce the Space avatar size to 28 instead of 36.
  • Loading branch information
boubaker committed Dec 3, 2024
1 parent e5f6ac7 commit 8d31f1c
Showing 1 changed file with 14 additions and 7 deletions.
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<template>
<div>
<div class="d-flex align-center">
<v-menu
v-model="menu"
:close-on-content-click="false"
Expand All @@ -13,21 +13,28 @@
content-class="no-box-shadow full-height pa-1 mt-6 "
offset-y>
<template #activator="{ on, attrs }">
<div
<v-card
v-on="on"
v-bind="attrs"
class="d-inline-flex">
height="28"
class="d-inline-flex transparent"
flat>
<a
v-if="$root.displaySiteLogo"
:href="$root.spacePortalPath"
:aria-label="$t('space.avatar.href.title',{0: $root.spaceLogoTitle})">
<v-list-item-avatar
v-if="$root.spaceLogoPath"
id="UserHomePortalLink"
size="36"
class="ma-0 spaceAvatar"
size="28"
class="mx-0 my-auto spaceAvatar"
tile>
<v-img :src="$root.spaceLogoPath" :alt="$t('space.avatar.img.alt',{0: $root.spaceLogoTitle})" />
<img
:src="$root.spaceLogoPath"
:alt="$t('space.avatar.img.alt',{0: $root.spaceLogoTitle})"
height="28"
width="auto"
class="object-fit-contain" />
</v-list-item-avatar>
</a>
<a
Expand All @@ -39,7 +46,7 @@
{{ $root.spaceLogoTitle }}
</div>
</a>
</div>
</v-card>
</template>
<v-card v-if="menu" elevation="2">
<v-list class="pa-0">
Expand Down

0 comments on commit 8d31f1c

Please sign in to comment.