keyword highlight!

This commit is contained in:
lilydjwg 2021-10-12 16:46:17 +08:00
parent 297261b733
commit a62d883a76

View File

@ -50,7 +50,7 @@
<img src="{getContext('LUOXU_URL')}/avatar/{msg.from_id}.jpg" height="64" width="64" alt="{msg.from_name} 的头像"/> <img src="{getContext('LUOXU_URL')}/avatar/{msg.from_id}.jpg" height="64" width="64" alt="{msg.from_name} 的头像"/>
<div> <div>
<div class="name">{msg.from_name || ' '}</div> <div class="name">{msg.from_name || ' '}</div>
<pre>{msg.text}</pre> <div class="text">{@html msg.html}</div>
<div class="time"><a href="tg://resolve?domain={group}&post={msg.id}"><time datetime={iso_date} title={title}>{relative_dt}</time></a></div> <div class="time"><a href="tg://resolve?domain={group}&post={msg.id}"><time datetime={iso_date} title={title}>{relative_dt}</time></a></div>
</div> </div>
</div> </div>
@ -72,10 +72,13 @@
white-space: nowrap; white-space: nowrap;
color: #1e90ff; color: #1e90ff;
} }
pre { .text {
white-space: pre-wrap; white-space: pre-wrap;
margin: 0.2em 0; margin: 0.2em 0;
} }
.text >:global(.keyword) {
background-color: #ffffab;
}
.time { .time {
font-size: 0.75em; font-size: 0.75em;
float: right; float: right;