mleku/nostrly.app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Enhance NoteCard interactivity and add favicon support

Browse Source 
- Added `onMouseEnter` and `onMouseLeave` handlers to stop event propagation in `NoteCard`.
- Updated the `NoteCard` container to include a `cursor-pointer` class.
- Integrated favicon links in `index.html` for better brand recognition.
This commit is contained in:
mleku
2025-10-03 14:14:22 +01:00
parent 47e56282ef
commit 42394c7e0c
3 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 485 KiB

2
index.html
View File

@@ -4,6 +4,8 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Nostrly App</title> <title>Nostrly App</title>
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>

6
src/components/NoteCard.tsx
View File

@@ -220,7 +220,11 @@ const NoteCard: React.FC<NoteCardProps> = ({ event, userMetadata }) => {
const repostedEvent = getRepostedEvent() const repostedEvent = getRepostedEvent()
return ( return (
<div className="p-4 hover:bg-black/10 transition-colors"> <div
className="p-4 hover:bg-black/10 cursor-pointer transition-colors"
onMouseEnter={(e) => e.stopPropagation()}
onMouseLeave={(e) => e.stopPropagation()}
>
{/* Header */} {/* Header */}
<div className="flex items-center justify-between mb-3"> <div className="flex items-center justify-between mb-3">
<div className="flex items-center space-x-3"> <div className="flex items-center space-x-3">