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-15 05:32:33 +08:00
parent 4547fe61ef
commit a3303dbdd1
6 changed files with 46 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -2,7 +2,6 @@ import { useEffect, useLayoutEffect, useState } from 'react';
import useLocalSettingsStore from '@/stores/localSettingsStore';
import useMediaStore from '@/stores/MediaStore';
import { Volume2Icon, VolumeOffIcon } from 'lucide-react';
import EditNavSidebar from './partials/edit-nav-sidebar';
import EditSidebar from './partials/edit-sidebar';
import EditorCanvas from './partials/editor-canvas';
@@ -150,43 +149,21 @@ const Editor = () => {
{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">
<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">
<video
className="mx-auto"
width="100"
height="100%"
src="https://cdn.memeaigen.com/videos/cat%20asking%20for%20food.webm"
autoPlay
muted={isMuted}
loop
/>
<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">
<div className="text-xl font-bold">{getSetting('genAlphaSlang') ? 'SHEESH' : 'YIKES'} 🥔</div>
<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 class="text-muted-foreground text-xs italic">
Note: You can turn {getSetting('genAlphaSlang') ? 'off' : 'on'} gen alpha slang in Settings.
</div>
</div>
</div>
<div className="flex w-full justify-center">
<button
onClick={handleToggleMute}
className="bg-opacity-50 hover:bg-opacity-70 mx-auto rounded-full bg-black p-2 text-white transition-opacity"
title={isMuted ? 'Unmute video' : 'Mute video'}
>
{isMuted ? <VolumeOffIcon className="h-4 w-4" /> : <Volume2Icon className="h-4 w-4" />}
</button>
</div>
</div>
</div>
</div>

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

@@ -27,7 +27,7 @@ const EditorHeader = ({ className = '', onNavClick = () => {}, isNavActive = fal
<Dialog open={openCoinDialog} onOpenChange={(open) => setOpenCoinDialog(open)}>
<DialogContent className="sm:max-w-[425px]">
<DialogHeader>
<DialogTitle>{getSetting('genAlphaSlang') ? 'Bruh' : 'Chill'}</DialogTitle>
<DialogTitle>{getSetting('genAlphaSlang') ? 'Bruh' : 'Feature coming soon'}</DialogTitle>
<DialogDescription>
{getSetting('genAlphaSlang')
? "No cap, soon you'll be able to get AI cooking memes that absolutely slay! But lowkey fam, we gotta focus on making these core features bussin' first."
@@ -36,9 +36,9 @@ const EditorHeader = ({ className = '', onNavClick = () => {}, isNavActive = fal
</DialogHeader>
<DialogFooter>
<div className="flex justify-between gap-1">
<span class="text-muted-foreground text-xs italic">
{/* <span class="text-muted-foreground text-xs italic">
Note: You can turn {getSetting('genAlphaSlang') ? 'off' : 'on'} gen alpha slang in Settings.
</span>
</span> */}
<Button variant="outline" onClick={() => setOpenCoinDialog(false)}>
{getSetting('genAlphaSlang') ? 'Bet' : 'Okay'}
</Button>