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-05-28 22:57:57 +08:00
parent 248a88864c
commit 9ca221b63b
2 changed files with 11 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
resources/js/modules/editor/editor.tsx
View File

@@ -118,18 +118,22 @@ const Editor = () => {
<EditorHeader className="mx-auto" style={{ width: `${responsiveWidth}px` }} /> <EditorHeader className="mx-auto" style={{ width: `${responsiveWidth}px` }} />
{isBelowMinWidth ? ( {isBelowMinWidth ? (
<div className="flex-1 flex items-center justify-center px-4 bg-white h-full rounded-lg border shadow-lg"> <div className="aspect-[9/16]">
<div className="flex-1 flex items-center justify-center p-6 bg-white h-full rounded-lg border shadow-lg ">
<div> <div>
<video className="mx-auto" width="100" height="100%" src="https://cdn.memeaigen.com/videos/cat%20asking%20for%20food.webm" autoPlay muted loop /> <video className="mx-auto" width="100" height="100%" src="https://cdn.memeaigen.com/videos/cat%20asking%20for%20food.webm" autoPlay muted loop />
<div className="text-center"> <div className="text-center">
<p className="text-gray-600 text-sm leading-relaxed"> <div className="text-xl
Please continue with desktop for a more refined experience! font-bold">YIKES 🥔</div>
<p className="text-muted-foreground text-sm leading-relaxed">
You seem to be using a potato-sized screen. Please continue with desktop for a more refined experience!
</p> </p>
</div> </div>
</div> </div>
</div> </div>
</div>
) : ( ) : (
<> <>
<EditorCanvas maxWidth={maxWidth} /> <EditorCanvas maxWidth={maxWidth} />

2
resources/js/modules/editor/partials/editor-header.tsx
View File

@@ -12,7 +12,7 @@ const EditorHeader = (
<Menu className="h-8 w-8" /> <Menu className="h-8 w-8" />
</Button> </Button>
<h1 className="text-xl font-display tracking-wide ml-3">MEMEAIGEN</h1> <h1 className="text-lg md:text-xl font-display tracking-wide ml-0 md:ml-3">MEMEAIGEN</h1>
<Button variant="outline" className="rounded inline-flex gap-1"> <Button variant="outline" className="rounded inline-flex gap-1">
<span className="text-sm font-semibold">100</span> <span className="text-sm font-semibold">100</span>