mobile: make menu layout

This commit is contained in:
Tim
2025-07-18 11:52:05 +08:00
parent b6a372c571
commit 52e9905fa5
3 changed files with 4 additions and 7 deletions

View File

@@ -96,15 +96,11 @@ body {
background-color: #f6f8fa;
padding: 8px 12px;
border-radius: 4px;
line-height: 1.0;
overflow-x: auto;
max-width: 100%;
}
.info-content-text code {
font-family: 'Courier New', monospace;
font-size: 13px;
/* background-color: rgba(27, 31, 35, 0.05); */
border-radius: 4px;
}
@@ -178,6 +174,7 @@ body {
.info-content-text {
font-size: 14px;
}
.info-content-text h1 {
font-size: 20px;
}

View File

@@ -33,7 +33,7 @@
</ReactionsGroup>
</div>
<div class="comment-editor-wrapper">
<CommentEditor v-if="showEditor" @submit="submitReply" :loading="isWaitingForReply" :disabled="!isLoggedIn" :show-login-overlay="!isLoggedIn" />
<CommentEditor v-if="showEditor" @submit="submitReply" :loading="isWaitingForReply" :disabled="!loggedIn" :show-login-overlay="!loggedIn" />
</div>
<div v-if="comment.reply && comment.reply.length" class="reply-toggle" @click="toggleReplies">
<i v-if="showReplies" class="fas fa-chevron-up reply-toggle-icon"></i>
@@ -110,6 +110,7 @@ const CommentItem = {
const lightboxVisible = ref(false)
const lightboxIndex = ref(0)
const lightboxImgs = ref([])
const loggedIn = computed(() => authState.loggedIn)
const toggleReplies = () => {
showReplies.value = !showReplies.value
}
@@ -205,7 +206,7 @@ const CommentItem = {
lightboxVisible.value = true
}
}
return { showReplies, toggleReplies, showEditor, toggleEditor, submitReply, copyCommentLink, renderMarkdown, isWaitingForReply, commentMenuItems, deleteComment, lightboxVisible, lightboxIndex, lightboxImgs, handleImageClick }
return { showReplies, toggleReplies, showEditor, toggleEditor, submitReply, copyCommentLink, renderMarkdown, isWaitingForReply, commentMenuItems, deleteComment, lightboxVisible, lightboxIndex, lightboxImgs, handleImageClick, loggedIn }
}
}

View File

@@ -733,7 +733,6 @@ export default {
.info-content {
display: flex;
width: 100%;
flex-direction: column;
gap: 10px;
}