fix(mobile): simplify note detail metadata layout
This commit is contained in:
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} />
|
||||
|
||||
@@ -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,
|
||||
|
||||
Reference in new issue
Block a user