Make entire demo card clickable for better UX
Moved onclick handler from .demo-screenshot div to .demo-card div, allowing users to click anywhere on the card to open the demo instead of just the top screenshot area. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
parent
3d2e94093f
commit
775fd748c4
|
|
@ -2210,8 +2210,8 @@
|
||||||
const emoji = categoryEmojis[category] || '🖼️';
|
const emoji = categoryEmojis[category] || '🖼️';
|
||||||
|
|
||||||
return `
|
return `
|
||||||
<div class="demo-card" data-category="${category}" data-title="${demo.title.toLowerCase()}" data-type="${demo.type.toLowerCase()}" data-path="${demo.path}">
|
<div class="demo-card" data-category="${category}" data-title="${demo.title.toLowerCase()}" data-type="${demo.type.toLowerCase()}" data-path="${demo.path}" onclick="window.location.href='${demo.path}'">
|
||||||
<div class="demo-screenshot" onclick="window.location.href='${demo.path}'">
|
<div class="demo-screenshot">
|
||||||
<img src="${screenshotPath}"
|
<img src="${screenshotPath}"
|
||||||
alt="${demo.title} screenshot"
|
alt="${demo.title} screenshot"
|
||||||
onerror="this.style.display='none'; this.nextElementSibling.style.display='block';">
|
onerror="this.style.display='none'; this.nextElementSibling.style.display='block';">
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue