dwindown/meet-hub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: dwindown:711a5c5d6b016cac47f0ba690ffbc98557c6c7ff
Branches Tags
dwindown:main
...
compare: dwindown:f381c683719e11ee80f83943c093df213ea7917e
Branches Tags
dwindown:main

2 Commits
711a5c5d6b ... f381c68371

Author SHA1 Message Date
dwindown
f381c68371 Fix paragraph spacing in Tiptap editor output 
Add [&_p]:my-4 to EditorContent className to ensure paragraphs
rendered from Tiptap editor have proper vertical spacing.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
 2025-12-25 14:06:17 +07:00
dwindown
4ccd1cb96f Add paragraph spacing to prose content styling 
Add proper margin (my-4) to paragraphs in Tiptap-rendered content.
This ensures proper spacing between paragraphs when displaying
rich text content in product detail pages and other areas.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
 2025-12-25 13:57:53 +07:00
4 changed files with 20 additions and 1 deletions
Expand all files Collapse all files

2
src/components/RichTextEditor.tsx
View File

@@ -694,7 +694,7 @@ export function RichTextEditor({ content, onChange, placeholder = 'Tulis konten.
<div onPaste={handlePaste}>
<EditorContent
editor={editor}
className="prose prose-sm max-w-none p-4 min-h-[200px] focus:outline-none [&_.ProseMirror]:outline-none [&_.ProseMirror]:min-h-[180px] [&_img]:cursor-pointer [&_img.ProseMirror-selectednode]:ring-2 [&_img.ProseMirror-selectednode]:ring-primary [&_h1]:font-bold [&_h1]:text-2xl [&_h1]:mb-4 [&_h1]:mt-6 [&_h2]:font-bold [&_h2]:text-xl [&_h2]:mb-3 [&_h2]:mt-5 [&_blockquote]:border-l-4 [&_blockquote]:border-primary [&_blockquote]:pl-4 [&_blockquote]:italic [&_blockquote]:text-muted-foreground [&_blockquote]:my-4 [&_ul]:list-disc [&_ul]:pl-6 [&_ul]:space-y-1 [&_ol]:list-decimal [&_ol]:pl-6 [&_ol]:space-y-1 [&_li]:marker:text-primary [&_hr]:border-border [&_hr]:my-4 [&_hr]:border-t-2"
className="prose prose-sm max-w-none p-4 min-h-[200px] focus:outline-none [&_.ProseMirror]:outline-none [&_.ProseMirror]:min-h-[180px] [&_img]:cursor-pointer [&_img.ProseMirror-selectednode]:ring-2 [&_img.ProseMirror-selectednode]:ring-primary [&_h1]:font-bold [&_h1]:text-2xl [&_h1]:mb-4 [&_h1]:mt-6 [&_h2]:font-bold [&_h2]:text-xl [&_h2]:mb-3 [&_h2]:mt-5 [&_p]:my-4 [&_blockquote]:border-l-4 [&_blockquote]:border-primary [&_blockquote]:pl-4 [&_blockquote]:italic [&_blockquote]:text-muted-foreground [&_blockquote]:my-4 [&_ul]:list-disc [&_ul]:pl-6 [&_ul]:space-y-1 [&_ol]:list-decimal [&_ol]:pl-6 [&_ol]:space-y-1 [&_li]:marker:text-primary [&_hr]:border-border [&_hr]:my-4 [&_hr]:border-t-2"
/>
</div>
{uploading && (

5
src/index.css
View File

@@ -180,6 +180,11 @@ All colors MUST be HSL.
@apply text-lg font-bold mt-4 mb-2;
}
/* Paragraphs */
.prose p {
@apply my-4;
}
/* Lists */
.prose ul {
@apply list-disc pl-6 space-y-1 my-4;

7
supabase/migrations/20241225_add_event_start_to_products.sql Normal file
View File

@@ -0,0 +1,7 @@
-- Add event_start column to products table
-- This column stores the start date/time for webinar and bootcamp events
ALTER TABLE products
ADD COLUMN event_start TIMESTAMP WITH TIME ZONE;
-- Add comment for documentation
COMMENT ON COLUMN products.event_start IS 'Start date/time for webinars and bootcamps';

7
supabase/migrations/20241225_add_webinar_duration.sql Normal file
View File

@@ -0,0 +1,7 @@
-- Add duration_minutes column to products table
-- This column stores the duration in minutes for webinar and consulting products
ALTER TABLE products
ADD COLUMN duration_minutes INTEGER;
-- Add comment for documentation
COMMENT ON COLUMN products.duration_minutes IS 'Duration in minutes for webinars and consulting sessions';