charlestehio/memefast
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update

Browse Source
This commit is contained in:
ct
2025-06-21 09:13:23 +08:00
parent db10fc3f1c
commit 8e58f85860
39 changed files with 684 additions and 181 deletions
Download Patch File Download Diff File Expand all files Collapse all files

76
resources/js/modules/editor/editor.jsx
View File

@@ -167,50 +167,52 @@ const Editor = () => {
};
return (
<div className="relative mx-auto flex min-h-screen flex-col space-y-2 py-4" style={{ width: `${responsiveWidth}px` }}>
<EditSidebar isOpen={isEditSidebarOpen} onClose={handleEditClose} />
<EditNavSidebar isOpen={isEditNavSidebarOpen} onClose={handleEditNavClose} />
<TextSidebar isOpen={isTextSidebarOpen} onClose={handleTextSidebarClose} />
<>
<div className="relative mx-auto flex min-h-screen flex-col space-y-2 py-4" style={{ width: `${responsiveWidth}px` }}>
<EditSidebar isOpen={isEditSidebarOpen} onClose={handleEditClose} />
<EditNavSidebar isOpen={isEditNavSidebarOpen} onClose={handleEditNavClose} />
<TextSidebar isOpen={isTextSidebarOpen} onClose={handleTextSidebarClose} />
<EditorHeader
className="mx-auto"
style={{ width: `${responsiveWidth}px` }}
onNavClick={handleEditNavClick}
isNavActive={isEditNavSidebarOpen}
/>
<EditorHeader
className="mx-auto"
style={{ width: `${responsiveWidth}px` }}
onNavClick={handleEditNavClick}
isNavActive={isEditNavSidebarOpen}
/>
{isBelowMinWidth ? (
<div className="aspect-[9/16]">
<div className="flex h-full flex-1 items-center justify-center rounded-lg border bg-white p-6 shadow-lg dark:bg-neutral-900">
<div className="space-y-3">
<div>
<div className="relative mb-3 flex justify-center">
<img width="180" height="180" src="https://cdn.memeaigen.com/landing/dancing-potato.gif"></img>
</div>
{isBelowMinWidth ? (
<div className="aspect-[9/16]">
<div className="flex h-full flex-1 items-center justify-center rounded-lg border bg-white p-6 shadow-lg dark:bg-neutral-900">
<div className="space-y-3">
<div>
<div className="relative mb-3 flex justify-center">
<img width="180" height="180" src="https://cdn.memeaigen.com/landing/dancing-potato.gif"></img>
</div>
<div className="w-full space-y-2 text-center">
<p className="text-muted-foreground text-sm leading-relaxed">
{getSetting('genAlphaSlang')
? 'Not gonna lie, using on a potato screen is giving L vibes. Desktop hits different - that experience is straight fire, bet!'
: 'You seem to be using a potato-sized screen. Please continue with desktop for a more refined experience!'}
</p>
<div className="w-full space-y-2 text-center">
<p className="text-muted-foreground text-sm leading-relaxed">
{getSetting('genAlphaSlang')
? 'Not gonna lie, using on a potato screen is giving L vibes. Desktop hits different - that experience is straight fire, bet!'
: 'You seem to be using a potato-sized screen. Please continue with desktop for a more refined experience!'}
</p>
</div>
</div>
</div>
</div>
</div>
</div>
) : (
<>
<EditorCanvas maxWidth={maxWidth} onOpenTextSidebar={handleTextSidebarOpen} />
<EditorControls
className="mx-auto"
style={{ width: `${responsiveWidth}px` }}
onEditClick={handleEditClick}
isEditActive={isEditSidebarOpen}
/>
</>
)}
</div>
) : (
<>
<EditorCanvas maxWidth={maxWidth} onOpenTextSidebar={handleTextSidebarOpen} />
<EditorControls
className="mx-auto"
style={{ width: `${responsiveWidth}px` }}
onEditClick={handleEditClick}
isEditActive={isEditSidebarOpen}
/>
</>
)}
</div>
</>
);
};