jiazhizhong/OpenIsle
1
0
Fork 0
mirror of https://github.com/nagisa77/OpenIsle.git synced 2026-05-08 03:37:28 +08:00
Code Issues Packages Projects Releases Wiki Activity

mobile: make menu layout

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

5
open-isle-cli/src/assets/global.css
View File

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

5
open-isle-cli/src/components/CommentItem.vue
View File

@@ -33,7 +33,7 @@
</ReactionsGroup> </ReactionsGroup>
</div> </div>
<div class="comment-editor-wrapper"> <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>
<div v-if="comment.reply && comment.reply.length" class="reply-toggle" @click="toggleReplies"> <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> <i v-if="showReplies" class="fas fa-chevron-up reply-toggle-icon"></i>
@@ -110,6 +110,7 @@ const CommentItem = {
const lightboxVisible = ref(false) const lightboxVisible = ref(false)
const lightboxIndex = ref(0) const lightboxIndex = ref(0)
const lightboxImgs = ref([]) const lightboxImgs = ref([])
const loggedIn = computed(() => authState.loggedIn)
const toggleReplies = () => { const toggleReplies = () => {
showReplies.value = !showReplies.value showReplies.value = !showReplies.value
} }
@@ -205,7 +206,7 @@ const CommentItem = {
lightboxVisible.value = true 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 }
} }
} }

1
open-isle-cli/src/views/PostPageView.vue
View File

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