fix(mobile): simplify note detail metadata layout

This commit is contained in:
tianma-if committed 2026-10-08 11:25:41 +08:00
1 parent bd3c180776
commit a8d500df9f
2 files changed
+9 -21

No files matched your search

@@ -41,7 +41,7 @@ import { useMobileTheme } from "../lib/mobile-theme";
import { useSession } from "../lib/session";
import { beginEditorStartup } from "../lib/startup-performance";
import type { MobileSyncQueueItem } from "../lib/sync-queue";
import { formatMemoDetailDate, getTextSearchMatches, parseTags } from "./workspace-utils";
import { getTextSearchMatches, parseTags } from "./workspace-utils";
import { styles } from "./workspace-styles";
import { NotebookPickerModal, SmartTagButton, TagPickerModal } from "./WorkspacePickers";
@@ -1170,17 +1170,11 @@ export const MemoDetailModal = ({
activeIndex={activeMatchIndex}
matchOffset={metadataSearchMatches.title.length}
matches={metadataSearchMatches.tags}
numberOfLines={1}
style={[styles.detailTagsInline, memo.tags.length === 0 && styles.detailTagsPlaceholder]}
text={memoTagsText || "添加标签,用逗号分隔"}
/>
</View>
</View>
<Text selectable style={styles.detailTimestamps}>
{resolvedLocale !== "zh-CN" ? "Created" : "创建于"} {formatMemoDetailDate(memo.createdAt, resolvedLocale)}
{" · "}
{resolvedLocale !== "zh-CN" ? "Updated" : "更新于"} {formatMemoDetailDate(memo.updatedAt, resolvedLocale)}
</Text>
{searchOpen ? (
<View style={styles.noteSearchPanel}>
<Search color="#64748b" size={16} />
+8 -14
View File
@@ -1949,17 +1949,15 @@ const baseWorkspaceStyles = StyleSheet.create({
fontWeight: "600",
},
detailMetaRow: {
alignItems: "center",
flexDirection: "row",
gap: 8,
alignItems: "stretch",
gap: 2,
marginTop: 12,
},
detailNotebookButton: {
alignItems: "center",
flexDirection: "row",
gap: 4,
height: 32,
maxWidth: "46%",
minHeight: 32,
paddingHorizontal: 8,
},
detailNotebookName: {
@@ -1968,27 +1966,23 @@ const baseWorkspaceStyles = StyleSheet.create({
fontSize: 14,
},
detailTagsGroup: {
alignItems: "center",
flex: 1,
alignItems: "flex-start",
flexDirection: "row",
gap: 8,
height: 32,
minHeight: 32,
paddingHorizontal: 8,
paddingVertical: 6,
},
detailTagsInline: {
color: "#64748b",
flex: 1,
fontSize: 14,
lineHeight: 20,
minWidth: 0,
},
detailTagsPlaceholder: {
color: "#94a3b8",
},
detailTimestamps: {
color: "#94a3b8",
fontSize: 12,
lineHeight: 18,
marginTop: 4,
},
detailDivider: {
backgroundColor: "#e2e8f0",
height: 1,