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

Update background images

Browse Source
This commit is contained in:
Riccardo Giorato
2026-01-05 22:42:31 +01:00
parent 057cd6a67e
commit 5f69dc702d
19 changed files with 23 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/editor/editor-toolbar.tsx
+1 -1
View File
@@ -130,7 +130,7 @@ export function EditorToolbar({
/>
) : (
<h1
className={`text-sm sm:text-base text-white font-display font-normal tracking-[-0.02em] truncate ${
className={`text-base sm:text-xl text-white font-heading font-semibold truncate ${
isOwner && onTitleUpdate
? "cursor-pointer hover:text-gray-300"
: ""
components/editor/generate-page-modal.tsx
+1 -5
View File
@@ -333,13 +333,9 @@ export function GeneratePageModal({
<div className="mt-3 pt-3 border-t border-border/30 space-y-3">
{/* Character Selection */}
<div className="space-y-2">
<label className="text-[10px] uppercase text-muted-foreground tracking-[0.02em] font-medium">
Characters (select up to 2)
</label>
{/* Existing and new characters list */}
{characters.length > 0 && (
<div className="flex flex-wrap gap-2">
<div className="flex flex-wrap gap-2 pb-2">
{characters.map((char, index) => {
const isSelected =
selectedCharacterIndices.has(index);
components/landing/comic-creation-form.tsx
+1 -1
View File
@@ -360,7 +360,7 @@ export function ComicCreationForm({
</div>
)}
<div className="pt-2">
<div className="pt-4">
{!isLoaded ? (
<div className="h-10" />
) : isSignedIn ? (
components/landing/comic-preview.tsx
+8 -8
View File
@@ -16,7 +16,7 @@ export function ComicPreview({
<div className="bg-white w-48 aspect-3/4 p-2 shadow-2xl rounded-sm rotate-12">
<div className="w-full h-full bg-neutral-900 border-2 border-black overflow-hidden">
<img
src="/manga-style-hero-battle-scene.jpg"
src="/manga.jpg"
alt="Background comic"
className="w-full h-full object-cover opacity-60"
/>
@@ -28,7 +28,7 @@ export function ComicPreview({
<div className="bg-white w-56 aspect-3/4 p-2 shadow-2xl rounded-sm -rotate-6">
<div className="w-full h-full bg-neutral-900 border-2 border-black overflow-hidden">
<img
src="/american-comic-superhero-flying.jpg"
src="/american.jpg"
alt="Background comic"
className="w-full h-full object-cover opacity-60"
/>
@@ -40,7 +40,7 @@ export function ComicPreview({
<div className="bg-white w-52 aspect-3/4 p-2 shadow-2xl rounded-sm -rotate-12">
<div className="w-full h-full bg-neutral-900 border-2 border-black overflow-hidden">
<img
src="/noir-detective-comic-panel-dark.jpg"
src="/noir.jpg"
alt="Background comic"
className="w-full h-full object-cover opacity-60"
/>
@@ -52,7 +52,7 @@ export function ComicPreview({
<div className="bg-white w-44 aspect-3/4 p-2 shadow-2xl rounded-sm rotate-6">
<div className="w-full h-full bg-neutral-900 border-4 border-black overflow-hidden relative">
<img
src="/vintage-comic-book-cover-retro.jpg"
src="/vintage-superman.jpg"
alt="Background comic"
className="w-full h-full object-cover opacity-60"
/>
@@ -74,7 +74,7 @@ export function ComicPreview({
}`}
>
<img
src="/american-comic-superhero-flying.jpg"
src="/american.jpg"
alt="Comic preview page 1"
className="w-full h-full object-cover opacity-80 grayscale-20 contrast-125"
/>
@@ -96,7 +96,7 @@ export function ComicPreview({
}`}
>
<img
src="/manga-style-hero-battle-scene.jpg"
src="/manga.jpg"
alt="Comic preview page 2"
className="w-full h-full object-cover opacity-80 grayscale-20 contrast-125"
/>
@@ -105,7 +105,7 @@ export function ComicPreview({
Manga
</div>
<div className="absolute bottom-8 left-4 right-8 bg-white text-black p-2 text-[10px] font-medium border-2 border-black shadow-[2px_2px_0px_rgba(0,0,0,1)] leading-tight transform -rotate-1">
{'"The battle begins!"'}
{'"Time to save the world!"'}
</div>
</div>
@@ -117,7 +117,7 @@ export function ComicPreview({
}`}
>
<img
src="/comic-book-page-with-superhero-action-scene-noir-s.jpg"
src="/noir.jpg"
alt="Comic preview page 3"
className="w-full h-full object-cover opacity-80 grayscale-20 contrast-125"
/>
components/landing/navbar.tsx
+9 -9
View File
@@ -77,15 +77,15 @@ export function Navbar() {
</SignInButton>
</SignedOut>
<SignedIn>
{isOnStoriesPage ? (
<Link href="/">
<button className="flex items-center gap-1.5 sm:gap-2 px-2 sm:px-3 py-1.5 glass-panel glass-panel-hover transition-all text-xs rounded-md cursor-pointer">
<Plus className="w-3.5 h-3.5 sm:w-4 sm:h-4" />
<span className="text-muted-foreground text-xs sm:text-sm hidden sm:inline tracking-tight">
Create New
</span>
</button>
</Link>
{isOnStoriesPage ? (
<Link href="/">
<button className="flex items-center gap-1.5 sm:gap-2 px-2 sm:px-3 py-1.5 bg-white hover:bg-neutral-200 text-black transition-all text-xs rounded-md cursor-pointer font-medium">
<Plus className="w-3.5 h-3.5 sm:w-4 sm:h-4" />
<span className="text-black text-xs sm:text-sm hidden sm:inline tracking-tight">
Create New
</span>
</button>
</Link>
) : (
<Link href="/stories">
<button className="flex items-center gap-1.5 sm:gap-2 px-2 sm:px-3 py-1.5 glass-panel glass-panel-hover transition-all text-xs rounded-md cursor-pointer">