logos-messaging/OpChan
1
0
Fork 0
mirror of https://github.com/logos-messaging/OpChan.git synced 2026-01-02 12:53:10 +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": {
"version": "1.0.30001669",
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001669.tgz",
"integrity": "sha512-DlWzFDJqstqtIVx1zeSpIMLjunf5SmwOw0N2Ck/QSQdS8PLS4+9HrLaYei4w8BIAL7IB/UEDu889d8vhCTPA0w==",
"version": "1.0.30001741",
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001741.tgz",
"integrity": "sha512-QGUGitqsc8ARjLdgAfxETDhRbJ0REsP6O3I96TAth/mVjh2cYzN2u+3AzPP3aVSm2FehEItaJw1xd+IGBXWeSw==",
"dev": true,
"funding": [
{

22
src/components/PostCard.tsx
View File

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

4
tailwind.config.ts
View File

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