mobile: reduce font size in notebook header

mobile: hide breadcrumbs in top level notebooks
2026-08-31 19:19:34 +02:00 · 2024-04-30 22:15:54 +05:00 · 2024-04-30 22:15:14 +05:00
2 changed files with 6 additions and 6 deletions
--- a/apps/mobile/app/components/list-items/headers/notebook-header.tsx
+++ b/apps/mobile/app/components/list-items/headers/notebook-header.tsx
@@ -95,7 +95,7 @@ export const NotebookHeader = ({
          style={{
            flexShrink: 1
          }}
-          size={SIZE.xxl}
+          size={SIZE.lg}
        >
          {notebook.title}
        </Heading>
@@ -114,7 +114,7 @@ export const NotebookHeader = ({
              width: 40,
              height: 40
            }}
-            type={isPinnedToMenu ? "secondary" : "secondary"}
+            type="transparent"
            color={isPinnedToMenu ? colors.primary.accent : colors.primary.icon}
            size={SIZE.lg}
          />
@@ -123,7 +123,7 @@ export const NotebookHeader = ({
            onPress={onEditNotebook}
            tooltipText="Edit this notebook"
            name="pencil"
-            type="secondary"
+            type="transparent"
            color={colors.primary.icon}
            style={{
              width: 40,
@@ -134,7 +134,7 @@ export const NotebookHeader = ({
      </View>

      {notebook.description ? (
-        <Paragraph size={SIZE.md} color={colors.primary.paragraph}>
+        <Paragraph size={SIZE.sm} color={colors.primary.paragraph}>
          {notebook.description}
        </Paragraph>
      ) : null}
--- a/apps/mobile/app/screens/notebook/index.tsx
+++ b/apps/mobile/app/screens/notebook/index.tsx
@@ -104,7 +104,7 @@ const NotebookScreen = ({ route, navigation }: NavigationProps<"Notebook">) => {

        if (notebook) {
          const breadcrumbs = await db.notebooks.breadcrumbs(notebook.id);
-          setBreadcrumbs(breadcrumbs);
+          setBreadcrumbs(breadcrumbs.slice(0, breadcrumbs.length - 1));
          params.current.item = notebook;
          const notes = await db.relations
            .from(notebook, "note")
@@ -167,7 +167,7 @@ const NotebookScreen = ({ route, navigation }: NavigationProps<"Notebook">) => {
        onPressDefaultRightButton={openEditor}
      />

-      {breadcrumbs ? (
+      {breadcrumbs && breadcrumbs.length > 0 ? (
        <View
          style={{
            width: "100%",
Author	SHA1	Message	Date
Ammar Ahmed	38cb7de4d5	mobile: reduce font size in notebook header	2024-04-30 22:15:54 +05:00
Ammar Ahmed	b6a5bbe37b	mobile: hide breadcrumbs in top level notebooks	2024-04-30 22:15:14 +05:00