forked from
juliet.paris/streamplace-spa
minimal streamplace frontend
fix reply button and streamer badge
+4
-4
+4
-4
src/components/Chat.tsx
+4
-4
src/components/Chat.tsx
···
1
-
import { Camera, CornerDownRight, Reply, Sword, Star, X } from "lucide-solid";
1
+
import { CornerDownRight, Reply, Sword, Star, Video, X } from "lucide-solid";
2
2
import { createSignal, For, onCleanup, onMount, Show } from "solid-js";
3
3
4
4
import { setShowLoginModal } from "../auth/login-modal";
···
50
50
if (type === "place.stream.badge.defs#streamer") {
51
51
return (
52
52
<span class="mr-0.5 inline-flex align-middle" title="Streamer">
53
-
<Camera size={12} class="text-sp-red" />
53
+
<Video size={12} class="text-sp-red" />
54
54
</span>
55
55
);
56
56
}
···
224
224
<div class="group/msg hover:bg-sp-hover relative px-3 text-sm leading-relaxed">
225
225
<Show when={agent()}>
226
226
<button
227
-
class="text-sp-dim hover:text-sp-accent absolute top-0 right-0 hidden rounded p-0.5 transition-colors group-hover/msg:inline-flex"
227
+
class="text-sp-dim hover:text-sp-accent bg-sp-bg border-sp-border absolute -top-3 right-1 hidden rounded border p-1 shadow-sm transition-colors group-hover/msg:inline-flex"
228
228
title="Reply"
229
229
onClick={() => {
230
230
setReplyingTo(msg);
231
231
inputEl?.focus();
232
232
}}
233
233
>
234
-
<Reply size={14} />
234
+
<Reply size={16} />
235
235
</button>
236
236
</Show>
237
237
<Show when={msg.replyTo}>