logos-messaging/OpChan
1
0
Fork 0
mirror of https://github.com/logos-messaging/OpChan.git synced 2026-01-03 13:23:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: link render + tailwind

Browse Source
This commit is contained in:
Danish Arora 2025-09-10 16:57:38 +05:30
parent 6b0fc999a0
commit 684cb119e8
No known key found for this signature in database
GPG Key ID: 1C6EF37CDAE1426E
3 changed files with 16 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
package-lock.json generated
View File

@ -8661,9 +8661,9 @@
} }
}, },
"node_modules/caniuse-lite": { "node_modules/caniuse-lite": {
"version": "1.0.30001669", "version": "1.0.30001741",
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001669.tgz", "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001741.tgz",
"integrity": "sha512-DlWzFDJqstqtIVx1zeSpIMLjunf5SmwOw0N2Ck/QSQdS8PLS4+9HrLaYei4w8BIAL7IB/UEDu889d8vhCTPA0w==", "integrity": "sha512-QGUGitqsc8ARjLdgAfxETDhRbJ0REsP6O3I96TAth/mVjh2cYzN2u+3AzPP3aVSm2FehEItaJw1xd+IGBXWeSw==",
"dev": true, "dev": true,
"funding": [ "funding": [
{ {

22
src/components/PostCard.tsx
View File

@ -148,7 +148,7 @@ const PostCard: React.FC<PostCardProps> = ({ post, commentCount = 0 }) => {
{/* Content column */} {/* Content column */}
<div className="flex-1 p-3"> <div className="flex-1 p-3">
<Link to={`/post/${post.id}`} className="block hover:opacity-80"> <div className="block hover:opacity-80">
{/* Post metadata */} {/* Post metadata */}
<div className="flex items-center text-xs text-cyber-neutral mb-2 space-x-2"> <div className="flex items-center text-xs text-cyber-neutral mb-2 space-x-2">
<span className="font-medium text-cyber-accent"> <span className="font-medium text-cyber-accent">
@ -181,15 +181,17 @@ const PostCard: React.FC<PostCardProps> = ({ post, commentCount = 0 }) => {
)} )}
</div> </div>
{/* Post title */} {/* Post title and content - clickable to navigate to post */}
<h2 className="text-lg font-semibold text-glow mb-2 hover:text-cyber-accent transition-colors"> <Link to={`/post/${post.id}`} className="block">
{post.title} <h2 className="text-lg font-semibold text-glow mb-2 hover:text-cyber-accent transition-colors">
</h2> {post.title}
</h2>
{/* Post content preview */} {/* Post content preview */}
<p className="text-cyber-neutral text-sm leading-relaxed mb-3"> <p className="text-cyber-neutral text-sm leading-relaxed mb-3">
<LinkRenderer text={contentPreview} /> <LinkRenderer text={contentPreview} />
</p> </p>
</Link>
{/* Post actions */} {/* Post actions */}
<div className="flex items-center justify-between text-xs text-cyber-neutral"> <div className="flex items-center justify-between text-xs text-cyber-neutral">
@ -220,7 +222,7 @@ const PostCard: React.FC<PostCardProps> = ({ post, commentCount = 0 }) => {
variant="ghost" variant="ghost"
/> />
</div> </div>
</Link> </div>
</div> </div>
</div> </div>
</div> </div>

4
tailwind.config.ts
View File

@ -4,9 +4,7 @@ import tailwindcssAnimate from 'tailwindcss-animate';
export default { export default {
darkMode: ['class'], darkMode: ['class'],
content: [ content: [
'./pages/**/*.{ts,tsx}', './index.html',
'./components/**/*.{ts,tsx}',
'./app/**/*.{ts,tsx}',
'./src/**/*.{ts,tsx}', './src/**/*.{ts,tsx}',
], ],
prefix: '', prefix: '',