mirror of
https://gitee.com/spark-store-project/spark-store
synced 2026-09-21 22:20:10 +08:00
feat(account): polish reviews favorites and account UI
This commit is contained in:
@@ -2,6 +2,12 @@
|
||||
<section
|
||||
class="space-y-6 rounded-3xl border border-slate-200 bg-white p-6 shadow-sm dark:border-slate-800 dark:bg-slate-900"
|
||||
>
|
||||
<div
|
||||
v-if="user.coverUrl"
|
||||
data-testid="profile-cover"
|
||||
class="h-32 rounded-2xl bg-cover bg-center sm:h-40"
|
||||
:style="coverStyle"
|
||||
></div>
|
||||
<div
|
||||
class="flex flex-col gap-5 sm:flex-row sm:items-center sm:justify-between"
|
||||
>
|
||||
@@ -179,6 +185,10 @@ const userInitial = computed(() =>
|
||||
(props.user.displayName || props.user.username || "?").slice(0, 1),
|
||||
);
|
||||
|
||||
const coverStyle = computed(() => ({
|
||||
backgroundImage: props.user.coverUrl ? `url("${props.user.coverUrl}")` : "",
|
||||
}));
|
||||
|
||||
const visibleForumGroups = computed(() =>
|
||||
props.user.forumGroups.filter((group) => group !== props.user.forumLevel),
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user