3dtours/make-comics
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add arrow key navigation and 'C' shortcut to add page, update UI hints

Browse Source
This commit is contained in:
Riccardo Giorato
2025-12-27 11:54:28 +01:00
parent d17d360d0e
commit ad4ee5c737
3 changed files with 31 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/story/[storySlug]/story-editor-client.tsx
+6
View File
@@ -139,8 +139,14 @@ export function StoryEditorClient() {
setCurrentPage((prev) => (prev < pages.length - 1 ? prev + 1 : prev)); setCurrentPage((prev) => (prev < pages.length - 1 ? prev + 1 : prev));
} else if (e.key === "ArrowLeft") { } else if (e.key === "ArrowLeft") {
setCurrentPage((prev) => (prev > 0 ? prev - 1 : prev)); setCurrentPage((prev) => (prev > 0 ? prev - 1 : prev));
} else if (e.key === "ArrowUp") {
setCurrentPage((prev) => (prev > 0 ? prev - 1 : prev));
} else if (e.key === "ArrowDown") {
setCurrentPage((prev) => (prev < pages.length - 1 ? prev + 1 : prev));
} else if (e.key === "i" || e.key === "I") { } else if (e.key === "i" || e.key === "I") {
setShowInfoSheet(true); setShowInfoSheet(true);
} else if (e.key === "c" || e.key === "C") {
handleAddPage();
} }
}; };
components/editor/editor-toolbar.tsx
+2 -2
View File
@@ -67,10 +67,10 @@ export function EditorToolbar({
{isOwner && onContinueStory && ( {isOwner && onContinueStory && (
<Button <Button
onClick={onContinueStory} onClick={onContinueStory}
className="gap-1.5 sm:gap-2 text-xs bg-white hover:bg-neutral-200 text-black h-8 sm:h-9 px-3 sm:px-4" className="relative gap-1.5 sm:gap-2 text-xs bg-white hover:bg-neutral-200 text-black h-8 sm:h-9 px-3 sm:px-4"
> >
<Plus className="w-3.5 h-3.5 sm:w-4 sm:h-4" /> <Plus className="w-3.5 h-3.5 sm:w-4 sm:h-4" />
<span className="hidden sm:inline">Continue story</span> <span className="hidden sm:inline">Continue story <span className="text-gray-500 text-[10px]">(C)</span></span>
<span className="sm:hidden">Add</span> <span className="sm:hidden">Add</span>
</Button> </Button>
)} )}