[Developer] #424 add loading state for LLM explanation

This commit is contained in:
devmrko
2026-06-25 13:35:52 +09:00
parent f1e20f2769
commit edf20f10b8
2 changed files with 49 additions and 3 deletions

View File

@@ -495,6 +495,45 @@ body {
overflow-wrap: anywhere;
}
.htmx-indicator {
display: none;
}
.htmx-request .htmx-indicator,
.htmx-request.htmx-indicator {
display: inline-flex;
}
.loading-pill {
align-items: center;
background: var(--rw-surface-muted);
border: 1px solid var(--rw-border);
border-radius: 999px;
color: var(--rw-muted);
font-size: .78rem;
font-weight: 700;
gap: .4rem;
min-height: 2rem;
padding: .25rem .65rem;
white-space: nowrap;
}
.loading-spinner {
animation: spin .8s linear infinite;
border: 2px solid var(--rw-border-strong);
border-top-color: var(--rw-primary);
border-radius: 999px;
display: inline-block;
height: .9rem;
width: .9rem;
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}
.ai-answer {
background: var(--rw-primary-soft);
border: 1px solid var(--rw-border);