Mirrors/notesnook
1
0
Fork 0
mirror of https://github.com/streetwriters/notesnook.git synced 2026-09-01 19:49:54 +02:00
Code Issues Packages Projects Releases Wiki Activity

web: improve internal links ui

Browse Source
This commit is contained in:
Abdullah Atta
2024-03-14 10:21:36 +05:00
parent c0ff54afbb
commit b4ec3fbbf1
2 changed files with 13 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
apps/web/src/components/properties/index.tsx
View File

@@ -358,7 +358,8 @@ function LinkedNote({
textAlign: "left",
display: "flex",
justifyContent: "start",
alignItems: "center"
alignItems: "center",
borderBottom: isExpanded ? "none" : "1px solid var(--border)"
}}
onClick={() => useEditorStore.getState().openSession(item)}
>
@@ -397,7 +398,8 @@ function LinkedNote({
width: "100%",
textAlign: "left",
display: "flex",
alignItems: "center"
alignItems: "center",
borderBottom: "1px solid var(--border)"
}}
onClick={() =>
useEditorStore
@@ -420,6 +422,7 @@ function LinkedNote({
<Text
variant="body"
sx={{
fontSize: "subBody",
fontFamily: "monospace",
whiteSpace: "pre-wrap"
}}
@@ -458,7 +461,8 @@ function ReferencedIn({
textAlign: "left",
display: "flex",
justifyContent: "start",
alignItems: "center"
alignItems: "center",
borderBottom: isExpanded ? "none" : "1px solid var(--border)"
}}
onClick={() => useEditorStore.getState().openSession(item)}
>
@@ -482,7 +486,7 @@ function ReferencedIn({
>
{isExpanded ? <ChevronDown size={16} /> : <ChevronRight size={16} />}
</Box>
<Text>{item.title}</Text>
<Text variant="body">{item.title}</Text>
</Button>
{isExpanded
? blocks.map((block) => (
@@ -509,6 +513,7 @@ function ReferencedIn({
{link.map((slice) => (
<Text
key={slice.text}
variant="body"
sx={{
color: slice.highlighted
? "accent-selected"

6
apps/web/src/dialogs/note-linking-dialog.tsx
View File

@@ -142,7 +142,8 @@ export default function NoteLinkingDialog(props: NoteLinkingDialogProps) {
textAlign: "left",
display: "flex",
justifyContent: "space-between",
alignItems: "center"
alignItems: "center",
borderBottom: "1px solid var(--border)"
}}
onClick={() => {
props.onDone({
@@ -207,7 +208,8 @@ export default function NoteLinkingDialog(props: NoteLinkingDialogProps) {
textAlign: "left",
display: "flex",
alignItems: "center",
gap: 1
gap: 1,
borderBottom: "1px solid var(--border)"
}}
onClick={async () => {
setSelectedNote(note);