gorb/frontend
4
0
Fork 0
Code Issues 6 Pull requests 1 Projects Releases Packages 1 Wiki Activity Actions

fix: remove weird spacing due to weird profile popup inheritance

Browse source
This commit is contained in:
JustTemmie 2025-07-04 06:34:15 +02:00
parent 3c5525d294
commit 873f1c81a9
Signed by: justtemmie
SSH key fingerprint: SHA256:nBO+OwpTkd8LYhe38PIqdxmDvkIg9Vw2EbrRZM97dkU
3 changed files with 3 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

7
components/MemberEntry.vue
View file

@ -3,7 +3,7 @@
<img v-if="props.member.user.avatar" class="member-avatar" :src="props.member.user.avatar" :alt="props.member.user.display_name ?? props.member.user.username" /> <img v-if="props.member.user.avatar" class="member-avatar" :src="props.member.user.avatar" :alt="props.member.user.display_name ?? props.member.user.username" />
<Icon v-else class="member-avatar" name="lucide:user" /> <Icon v-else class="member-avatar" name="lucide:user" />
<span class="member-display-name">{{ props.member.user.display_name ?? props.member.user.username }}</span> <span class="member-display-name">{{ props.member.user.display_name ?? props.member.user.username }}</span>
<UserPopup v-if="isPopupVisible" :user="props.member.user" class="profile-popup" /> <UserPopup v-if="isPopupVisible" :user="props.member.user" id="profile-popup" />
</div> </div>
</template> </template>
@ -32,9 +32,4 @@ const hidePopup = () => {
.member-item { .member-item {
position: relative; /* Set the position to relative for absolute positioning of the popup */ position: relative; /* Set the position to relative for absolute positioning of the popup */
} }
.profile-popup {
position: absolute; /* Use absolute positioning */
left: -100px; /* Adjust this value to position the popup to the left */
}
</style> </style>

4
components/Settings/UserSettings/Account.vue
View file

@ -93,8 +93,4 @@ async function deleteAccount() {
color: var(--text-color); color: var(--text-color);
background-color: var(--accent-color); background-color: var(--accent-color);
} }
.profile-popup {
margin-left: 2dvw;
}
</style> </style>

4
components/Settings/UserSettings/Profile.vue
View file

@ -20,7 +20,7 @@
<Button style="margin-top: 2dvh" text="Save Changes" :callback="saveChanges"></Button> <Button style="margin-top: 2dvh" text="Save Changes" :callback="saveChanges"></Button>
</div> </div>
<UserPopup v-if="user" :user="user" class="profile-popup"></UserPopup> <UserPopup v-if="user" :user="user" id="profile-popup"></UserPopup>
</div> </div>
</div> </div>
</template> </template>
@ -133,7 +133,7 @@ async function changeAvatar() {
background-color: var(--accent-color); background-color: var(--accent-color);
} }
.profile-popup { #profile-popup {
margin-left: 2dvw; margin-left: 2dvw;
} }
</style> </style>