Mirrors/notesnook
1
0
Fork 0
mirror of https://github.com/streetwriters/notesnook.git synced 2026-05-18 05:05:36 +02:00
Code Issues Packages Projects Releases Wiki Activity

mobile: fix editor header ui

Browse Source
This commit is contained in:
Ammar Ahmed
2024-10-03 11:24:34 +05:00
committed by Abdullah Atta
parent 44ddb49d0e
commit d957be7a7b
2 changed files with 17 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files

88
packages/editor-mobile/src/components/header.tsx
View File

@@ -171,71 +171,6 @@ function Header({
flexDirection: "row"
}}
>
{tab.locked ? null : (
<>
<Button
onPress={() => {
editor?.commands.undo();
}}
style={{
borderWidth: 0,
borderRadius: 100,
color: "var(--nn_primary_icon)",
marginRight: 10,
width: 39,
height: 39,
display: "flex",
justifyContent: "center",
alignItems: "center",
position: "relative"
}}
>
<ArrowULeftTopIcon
color={
!hasUndo
? "var(--nn_secondary_border)"
: "var(--nn_primary_icon)"
}
size={25 * settings.fontScale}
style={{
position: "absolute"
}}
/>
</Button>
<Button
onPress={() => {
if (tab.locked) return;
editor?.commands.redo();
}}
style={{
borderWidth: 0,
borderRadius: 100,
color: "var(--nn_primary_icon)",
marginRight: 10,
width: 39,
height: 39,
display: "flex",
justifyContent: "center",
alignItems: "center",
position: "relative"
}}
>
<ArrowURightTopIcon
color={
!hasRedo
? "var(--nn_secondary_border)"
: "var(--nn_primary_icon)"
}
size={25 * settings.fontScale}
style={{
position: "absolute"
}}
/>
</Button>
</>
)}
{settings.deviceMode !== "mobile" && !settings.fullscreen ? (
<Button
onPress={() => {
@@ -484,12 +419,15 @@ function Header({
}
}}
>
<MenuItem
value="search"
<div
style={{
display: "flex",
gap: 10,
alignItems: "center"
alignItems: "center",
flexDirection: "row",
justifyContent: "center",
width: "100%",
paddingTop: 5
}}
>
<Button
@@ -498,7 +436,15 @@ function Header({
setOpen(false);
}}
style={{
color: "var(--nn_primary_paragraph)"
borderWidth: 0,
borderRadius: 100,
color: "var(--nn_primary_icon)",
width: 39,
height: 39,
display: "flex",
justifyContent: "center",
alignItems: "center",
position: "relative"
}}
>
<ArrowBackIcon
@@ -523,7 +469,6 @@ function Header({
borderWidth: 0,
borderRadius: 100,
color: "var(--nn_primary_icon)",
marginRight: 10,
width: 39,
height: 39,
display: "flex",
@@ -554,7 +499,6 @@ function Header({
borderWidth: 0,
borderRadius: 100,
color: "var(--nn_primary_icon)",
marginRight: 10,
width: 39,
height: 39,
display: "flex",
@@ -571,7 +515,7 @@ function Header({
color="var(--nn_primary_icon)"
/>
</Button>
</MenuItem>
</div>
<MenuItem
value="toc"