chelsea
62001d08a4
🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
42 lines
1.3 KiB
HTML
42 lines
1.3 KiB
HTML
<!-- Modern Card UI - Comment Template -->
|
|
<template id="modern-comment-template">
|
|
<div class="comment-card" data-comment-id="{{uuid}}" style="margin-left: {{depth * 24}}px">
|
|
<div class="comment-surface">
|
|
<!-- Comment Header -->
|
|
<header class="comment-header">
|
|
<div class="comment-meta">
|
|
<span class="comment-author">{{author}}</span>
|
|
<span class="comment-time">{{formatTimeAgo(timestamp)}}</span>
|
|
{% if score != 0 %}
|
|
<div class="comment-score">
|
|
<span class="score-number">{{score}}</span>
|
|
<span class="score-label">pts</span>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</header>
|
|
|
|
<!-- Comment Content -->
|
|
<div class="comment-body">
|
|
<div class="comment-text">
|
|
{{ renderMarkdown(content)|safe }}
|
|
</div>
|
|
|
|
{% if children_section %}
|
|
<!-- Nested replies section -->
|
|
<div class="comment-replies">
|
|
{{children_section|safe}}
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
|
|
<!-- Comment Footer (for actions) -->
|
|
<footer class="comment-footer">
|
|
<div class="depth-indicator" data-depth="{{depth}}">
|
|
<span class="depth-label">Level {{depth + 1}}</span>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
</div>
|
|
</template>
|