jiazhizhong/OpenIsle
1
0
Fork 0
mirror of https://github.com/nagisa77/OpenIsle.git synced 2026-06-02 07:57:38 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: UI部份美化

Browse Source
This commit is contained in:
tim
2025-08-29 21:02:23 +08:00
parent d427a41f6d
commit f93f58b055
2 changed files with 17 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
frontend_nuxt/components/HeaderComponent.vue
View File

@@ -4,7 +4,7 @@
<div class="header-content-left"> <div class="header-content-left">
<div v-if="showMenuBtn" class="menu-btn-wrapper"> <div v-if="showMenuBtn" class="menu-btn-wrapper">
<button class="menu-btn" ref="menuBtn" @click="$emit('toggle-menu')"> <button class="menu-btn" ref="menuBtn" @click="$emit('toggle-menu')">
<i class="fas fa-bars"></i> <i class="fas fa-bars micon"></i>
</button> </button>
<span <span
v-if="isMobile && (unreadMessageCount > 0 || hasChannelUnread)" v-if="isMobile && (unreadMessageCount > 0 || hasChannelUnread)"
@@ -318,6 +318,10 @@ onMounted(async () => {
gap: 20px; gap: 20px;
} }
.micon {
margin-left: 10px;
}
.menu-btn { .menu-btn {
font-size: 24px; font-size: 24px;
background: none; background: none;
@@ -370,6 +374,7 @@ onMounted(async () => {
display: flex; display: flex;
align-items: center; align-items: center;
cursor: pointer; cursor: pointer;
margin-right: 10px;
} }
.avatar-img { .avatar-img {

14
frontend_nuxt/pages/posts/[id]/index.vue
View File

@@ -411,7 +411,13 @@ const gatherPostItems = () => {
} }
} }
const mapComment = (c, parentUserName = '', parentUserAvatar = '', parentUserId = '', level = 0) => ({ const mapComment = (
c,
parentUserName = '',
parentUserAvatar = '',
parentUserId = '',
level = 0,
) => ({
id: c.id, id: c.id,
userName: c.author.username, userName: c.author.username,
medal: c.author.displayMedal, medal: c.author.displayMedal,
@@ -421,7 +427,9 @@ const mapComment = (c, parentUserName = '', parentUserAvatar = '', parentUserId
text: c.content, text: c.content,
reactions: c.reactions || [], reactions: c.reactions || [],
pinned: Boolean(c.pinned ?? c.pinnedAt ?? c.pinned_at), pinned: Boolean(c.pinned ?? c.pinnedAt ?? c.pinned_at),
reply: (c.replies || []).map((r) => mapComment(r, c.author.username, c.author.avatar, c.author.id, level + 1)), reply: (c.replies || []).map((r) =>
mapComment(r, c.author.username, c.author.avatar, c.author.id, level + 1),
),
openReplies: level === 0, openReplies: level === 0,
src: c.author.avatar, src: c.author.avatar,
iconClick: () => navigateTo(`/users/${c.author.id}`), iconClick: () => navigateTo(`/users/${c.author.id}`),
@@ -1424,7 +1432,7 @@ onMounted(async () => {
} }
.info-content-text { .info-content-text {
line-height: 1.3; line-height: 1.5;
} }
.reactions-viewer-item { .reactions-viewer-item {