diff --git a/app/globals.css b/app/globals.css index 77ef67e..e8ed5c1 100644 --- a/app/globals.css +++ b/app/globals.css @@ -48,7 +48,7 @@ @theme inline { /* Adding tight tracking to Inter font for consistency */ --font-sans: "Inter", sans-serif; - --font-display: "Atma", cursive; + --font-display: "Bangers", cursive; --font-heading: "Instrument Serif", serif; --color-background: var(--background); --color-foreground: var(--foreground); @@ -149,7 +149,7 @@ } .font-display { - font-family: "Atma", cursive; + font-family: "Bangers", cursive; } /* Smooth fade-in animation */ diff --git a/app/layout.tsx b/app/layout.tsx index 417b8f8..8cf5076 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -1,16 +1,16 @@ import type React from "react"; import type { Metadata } from "next"; -import { Inter, Atma, Space_Grotesk, Instrument_Serif } from "next/font/google"; +import { Inter, Bangers, Space_Grotesk, Instrument_Serif } from "next/font/google"; import { Analytics } from "@vercel/analytics/next"; import { Toaster } from "@/components/ui/toaster"; import { ClerkProvider } from "@clerk/nextjs"; import "./globals.css"; const inter = Inter({ subsets: ["latin"], variable: "--font-inter" }); -const atma = Atma({ - weight: ["400", "500", "600", "700"], +const bangers = Bangers({ + weight: "400", subsets: ["latin"], - variable: "--font-atma", + variable: "--font-bangers", }); const spaceGrotesk = Space_Grotesk({ subsets: ["latin"], @@ -37,7 +37,7 @@ export default function RootLayout({ {children} diff --git a/components/api-key-modal.tsx b/components/api-key-modal.tsx index cb664c8..955fcbe 100644 --- a/components/api-key-modal.tsx +++ b/components/api-key-modal.tsx @@ -83,7 +83,9 @@ export function ApiKeyModal({ isOpen, onClose, onSubmit }: ApiKeyModalProps) { type="password" value={apiKeyInput} onChange={(e) => setApiKeyInput(e.target.value)} - placeholder={existingKey ? "Your current API key" : "Enter your API key..."} + placeholder={ + existingKey ? "Your current API key" : "Enter your API key..." + } className="bg-secondary border-border/50 text-white placeholder-muted-foreground py-5 pr-10" /> {apiKeyInput && ( diff --git a/components/editor/editor-toolbar.tsx b/components/editor/editor-toolbar.tsx index 3b3c8a0..30fd422 100644 --- a/components/editor/editor-toolbar.tsx +++ b/components/editor/editor-toolbar.tsx @@ -1,6 +1,13 @@ "use client"; -import { ArrowLeft, RefreshCw, Share, Plus, Info, Download } from "lucide-react"; +import { + ArrowLeft, + RefreshCw, + Share, + Plus, + Info, + Download, +} from "lucide-react"; import { Button } from "@/components/ui/button"; import { useRouter } from "next/navigation"; import { useToast } from "@/hooks/use-toast"; @@ -50,16 +57,19 @@ export function EditorToolbar({ const newTitle = editingTitle.trim(); if (newTitle && newTitle !== title) { try { - const response = await fetch(`/api/stories/${window.location.pathname.split('/').pop()}`, { - method: 'PUT', - headers: { - 'Content-Type': 'application/json', - }, - body: JSON.stringify({ title: newTitle }), - }); + const response = await fetch( + `/api/stories/${window.location.pathname.split("/").pop()}`, + { + method: "PUT", + headers: { + "Content-Type": "application/json", + }, + body: JSON.stringify({ title: newTitle }), + } + ); if (!response.ok) { - throw new Error('Failed to update title'); + throw new Error("Failed to update title"); } onTitleUpdate?.(newTitle); @@ -69,7 +79,7 @@ export function EditorToolbar({ duration: 2000, }); } catch (error) { - console.error('Error updating title:', error); + console.error("Error updating title:", error); toast({ title: "Failed to update title", description: "Could not update the story title.", @@ -88,9 +98,9 @@ export function EditorToolbar({ }; const handleKeyDown = (e: React.KeyboardEvent) => { - if (e.key === 'Enter') { + if (e.key === "Enter") { handleTitleSave(); - } else if (e.key === 'Escape') { + } else if (e.key === "Escape") { handleTitleCancel(); } }; @@ -120,7 +130,11 @@ export function EditorToolbar({ /> ) : (

{title} @@ -129,55 +143,58 @@ export function EditorToolbar({
- + - {onDownloadPDF && ( - - )} + {onDownloadPDF && ( + + )} - {isOwner && onContinueStory && ( - - )} + {isOwner && onContinueStory && ( + + )}
); diff --git a/components/landing/comic-preview.tsx b/components/landing/comic-preview.tsx index 62045a8..05a0a56 100644 --- a/components/landing/comic-preview.tsx +++ b/components/landing/comic-preview.tsx @@ -156,7 +156,7 @@ export function ComicPreview({ -
+
-
{text}
+
{text}
); -} \ No newline at end of file +}