Refactor message icons
This commit is contained in:
@@ -1,29 +1,29 @@
|
||||
{{ define "templates" }}
|
||||
<template id="tpl-user-message">
|
||||
<div class="message message--user">
|
||||
<div class="message__icon" aria-hidden="true">
|
||||
<svg class="icon"><use href="/static/icons.svg#user"></use></svg>
|
||||
</div>
|
||||
<div class="message__body">
|
||||
<div class="message__content"></div>
|
||||
<div class="message__actions">
|
||||
<button
|
||||
type="button"
|
||||
class="message__action-btn"
|
||||
data-action="inspect"
|
||||
aria-label="Show details"
|
||||
aria-expanded="false"
|
||||
>
|
||||
<svg class="icon"><use href="/static/icons.svg#inspect"></use></svg>
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
class="message__action-btn"
|
||||
data-action="copy"
|
||||
aria-label="Copy to clipboard"
|
||||
>
|
||||
<svg class="icon"><use href="/static/icons.svg#copy"></use></svg>
|
||||
</button>
|
||||
<svg class="message__icon" aria-hidden="true"><use href="/static/icons.svg#user"></use></svg>
|
||||
<div class="message__actions-buttons">
|
||||
<button
|
||||
type="button"
|
||||
class="message__action-btn"
|
||||
data-action="inspect"
|
||||
aria-label="Show details"
|
||||
aria-expanded="false"
|
||||
>
|
||||
<svg class="icon"><use href="/static/icons.svg#inspect"></use></svg>
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
class="message__action-btn"
|
||||
data-action="copy"
|
||||
aria-label="Copy to clipboard"
|
||||
>
|
||||
<svg class="icon"><use href="/static/icons.svg#copy"></use></svg>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="message__debug">
|
||||
<dl class="message__debug-list"></dl>
|
||||
@@ -34,29 +34,29 @@
|
||||
|
||||
<template id="tpl-assistant-message">
|
||||
<div class="message message--assistant">
|
||||
<div class="message__icon" aria-hidden="true">
|
||||
<svg class="icon"><use href="/static/icons.svg#assistant"></use></svg>
|
||||
</div>
|
||||
<div class="message__body">
|
||||
<div class="message__content"></div>
|
||||
<div class="message__actions">
|
||||
<button
|
||||
type="button"
|
||||
class="message__action-btn"
|
||||
data-action="inspect"
|
||||
aria-label="Show details"
|
||||
aria-expanded="false"
|
||||
>
|
||||
<svg class="icon"><use href="/static/icons.svg#inspect"></use></svg>
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
class="message__action-btn"
|
||||
data-action="copy"
|
||||
aria-label="Copy to clipboard"
|
||||
>
|
||||
<svg class="icon"><use href="/static/icons.svg#copy"></use></svg>
|
||||
</button>
|
||||
<svg class="message__icon" aria-hidden="true"><use href="/static/icons.svg#assistant"></use></svg>
|
||||
<div class="message__actions-buttons">
|
||||
<button
|
||||
type="button"
|
||||
class="message__action-btn"
|
||||
data-action="inspect"
|
||||
aria-label="Show details"
|
||||
aria-expanded="false"
|
||||
>
|
||||
<svg class="icon"><use href="/static/icons.svg#inspect"></use></svg>
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
class="message__action-btn"
|
||||
data-action="copy"
|
||||
aria-label="Copy to clipboard"
|
||||
>
|
||||
<svg class="icon"><use href="/static/icons.svg#copy"></use></svg>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="message__debug">
|
||||
<dl class="message__debug-list"></dl>
|
||||
@@ -67,11 +67,11 @@
|
||||
|
||||
<template id="tpl-error-message">
|
||||
<div class="message message--error message--assistant">
|
||||
<div class="message__icon" aria-hidden="true">
|
||||
<svg class="icon"><use href="/static/icons.svg#assistant"></use></svg>
|
||||
</div>
|
||||
<div class="message__body">
|
||||
<div class="message__content"></div>
|
||||
<div class="message__actions">
|
||||
<svg class="message__icon" aria-hidden="true"><use href="/static/icons.svg#assistant"></use></svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
Reference in New Issue
Block a user