refactor: migrate legacy wire namespace to wrn
This commit is contained in:
@@ -19,13 +19,13 @@ page Chat {
|
||||
gap: 0.35rem;
|
||||
font-size: 0.95rem;
|
||||
}
|
||||
.chat-row--system { color: var(--wire-color-muted); font-size: 0.85rem; }
|
||||
.chat-row--system { color: var(--wrn-color-muted); font-size: 0.85rem; }
|
||||
.chat-form { display: flex; gap: 0.5rem; flex-wrap: wrap; }
|
||||
.chat-form .chat-name { max-width: 150px; }
|
||||
.chat-form .chat-msg { flex: 1 1 12rem; }
|
||||
[data-room-status].is-connected { background: var(--wire-color-success); color: #05210f; }
|
||||
[data-room-status].is-connected { background: var(--wrn-color-success); color: #05210f; }
|
||||
[data-room-status].is-disconnected,
|
||||
[data-room-status].is-error { background: var(--wire-color-danger); color: #fff; }
|
||||
[data-room-status].is-error { background: var(--wrn-color-danger); color: #fff; }
|
||||
}
|
||||
|
||||
view {
|
||||
@@ -39,16 +39,16 @@ page Chat {
|
||||
|
||||
<div data-room="chat">
|
||||
<div data-component="stack" gap="4">
|
||||
<span data-room-status data-room-status-class="wire-badge" class="wire-badge wire-badge--default">connecting…</span>
|
||||
<div data-room-log class="chat-log wire-card"></div>
|
||||
<span data-room-status data-room-status-class="wrn-badge" class="wrn-badge wrn-badge--default">connecting…</span>
|
||||
<div data-room-log class="chat-log wrn-card"></div>
|
||||
|
||||
<template data-room-item="message"><div><strong>%user%</strong>: %text%</div></template>
|
||||
<template data-room-item="system"><div class="chat-row--system"><em>%text%</em></div></template>
|
||||
|
||||
<form data-room-send class="chat-form">
|
||||
<input name="user" class="wire-input chat-name" placeholder="Your name" autocomplete="off">
|
||||
<input name="text" class="wire-input chat-msg" placeholder="Type a message…" data-room-reset autocomplete="off">
|
||||
<button type="submit" class="wire-btn wire-btn--primary">Send</button>
|
||||
<input name="user" class="wrn-input chat-name" placeholder="Your name" autocomplete="off">
|
||||
<input name="text" class="wrn-input chat-msg" placeholder="Type a message…" data-room-reset autocomplete="off">
|
||||
<button type="submit" class="wrn-btn wrn-btn--primary">Send</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user