Fix spacing on markdown documents

This commit is contained in:
austinkelsay 2025-02-22 17:25:29 -06:00
parent f76e1bb3cf
commit 0c5ac0d942
5 changed files with 23 additions and 23 deletions

View File

@ -118,7 +118,7 @@ const CombinedDetails = ({ processedEvent, topics, title, summary, image, price,
}
if (processedEvent?.content) {
return <MDDisplay className='p-2 rounded-lg w-full' source={processedEvent.content} />;
return <MDDisplay className='p-4 rounded-lg w-full' source={processedEvent.content} />;
}
return null;
@ -222,14 +222,14 @@ const CombinedDetails = ({ processedEvent, topics, title, summary, image, price,
{renderPaymentMessage()}
<div className="flex flex-row justify-end gap-2">
{course && (
<GenericButton
size={isMobileView ? 'small' : null}
outlined
icon="pi pi-external-link"
onClick={() => window.open(`/course/${course}`, '_blank')}
label={isMobileView ? "Course" : "Open Course"}
tooltip="This is a lesson in a course"
tooltipOptions={{ position: 'top' }}
<GenericButton
size={isMobileView ? 'small' : null}
outlined
icon="pi pi-external-link"
onClick={() => window.open(`/course/${course}`, '_blank')}
label={isMobileView ? "Course" : "Open Course"}
tooltip="This is a lesson in a course"
tooltipOptions={{ position: 'top' }}
/>
)}
<GenericButton
@ -245,8 +245,8 @@ const CombinedDetails = ({ processedEvent, topics, title, summary, image, price,
)}
</div>
</div>
{renderContent()}
</div>
{renderContent()}
</div>
);
};

View File

@ -116,7 +116,7 @@ const CombinedLesson = ({ lesson, course, decryptionPerformed, isPaid, setComple
if (isPaid && decryptionPerformed) {
return (
<div ref={mdDisplayRef}>
<MDDisplay className={'p-2 rounded-lg w-full'} source={lesson.content} />
<MDDisplay className={'p-4 rounded-lg w-full'} source={lesson.content} />
</div>
);
}
@ -158,7 +158,7 @@ const CombinedLesson = ({ lesson, course, decryptionPerformed, isPaid, setComple
if (lesson?.content) {
return (
<div ref={mdDisplayRef}>
<MDDisplay className={'p-2 rounded-lg w-full'} source={lesson.content} />
<MDDisplay className={'p-4 rounded-lg w-full'} source={lesson.content} />
</div>
);
}

View File

@ -64,7 +64,7 @@ const DocumentLesson = ({ lesson, course, decryptionPerformed, isPaid, setComple
const renderContent = () => {
if (isPaid && decryptionPerformed) {
return <MDDisplay className='p-2 rounded-lg w-full' source={lesson.content} />;
return <MDDisplay className='p-4 rounded-lg w-full' source={lesson.content} />;
}
if (isPaid && !decryptionPerformed) {
return (
@ -79,7 +79,7 @@ const DocumentLesson = ({ lesson, course, decryptionPerformed, isPaid, setComple
);
}
if (lesson?.content) {
return <MDDisplay className='p-2 rounded-lg w-full' source={lesson.content} />;
return <MDDisplay className='p-4 rounded-lg w-full' source={lesson.content} />;
}
return null;
}

View File

@ -120,7 +120,7 @@ const DocumentDetails = ({ processedEvent, topics, title, summary, image, price,
);
}
if (processedEvent?.content) {
return <MDDisplay className='p-2 rounded-lg w-full' source={processedEvent.content} />;
return <MDDisplay className='p-4 rounded-lg w-full' source={processedEvent.content} />;
}
return null;
}
@ -235,8 +235,8 @@ const DocumentDetails = ({ processedEvent, topics, title, summary, image, price,
)}
</div>
</div>
{renderContent()}
</div>
{renderContent()}
</div>
)
}

View File

@ -20,8 +20,7 @@ const StackerNewsIconComponent = () => (
const headerTemplate = (options, windowWidth, platform, id) => {
return (
<div className="flex flex-row justify-between items-end mb-2">
<GenericButton outlined severity="primary" size="small" className="py-0" onClick={options.onTogglerClick} icon={options.collapsed ? 'pi pi-chevron-down' : 'pi pi-chevron-up'} tooltip={windowWidth <= 768 ? null : 'comments'} tooltipOptions={{ position: 'right' }} />
<div className="flex flex-row justify-between items-end my-2">
<GenericButton
label={windowWidth > 768 ? `View ${platform === 'nostr' ? 'on' : 'in'} ${platform}` : null}
icon="pi pi-external-link"
@ -31,6 +30,7 @@ const headerTemplate = (options, windowWidth, platform, id) => {
tooltip={windowWidth < 768 ? `View ${platform === 'nostr' ? 'on' : 'in'} ${platform}` : null}
tooltipOptions={{ position: 'left' }}
/>
<GenericButton outlined severity="primary" size="small" className="py-0" onClick={options.onTogglerClick} icon={options.collapsed ? 'pi pi-chevron-down' : 'pi pi-chevron-up'} tooltip={windowWidth <= 768 ? null : 'comments'} tooltipOptions={{ position: 'left' }} />
</div>
);
};
@ -104,11 +104,6 @@ const CommunityMessage = ({ message, searchQuery, windowWidth, platform }) => {
</Panel>
) : (
<div className="w-full flex flex-row justify-between items-end">
{platform !== "nostr" ? (
<p className="rounded-lg text-sm text-gray-300">
{new Date(message.timestamp).toLocaleString()}
</p>
) : <div></div>}
<GenericButton
label={windowWidth > 768 ? `View in ${platform}` : null}
icon="pi pi-external-link"
@ -118,6 +113,11 @@ const CommunityMessage = ({ message, searchQuery, windowWidth, platform }) => {
tooltip={windowWidth < 768 ? `View in ${platform}` : null}
tooltipOptions={{ position: 'left' }}
/>
{platform !== "nostr" ? (
<p className="rounded-lg text-sm text-gray-300">
{new Date(message.timestamp).toLocaleString()}
</p>
) : <div></div>}
</div>
)
}