1
0
mirror of https://github.com/coalaura/whiskr.git synced 2025-09-09 09:19:54 +00:00

better loading

This commit is contained in:
Laura
2025-08-10 14:54:14 +02:00
parent 0fc86ae5fc
commit 8996173b3f
4 changed files with 15 additions and 13 deletions

View File

@@ -202,7 +202,8 @@ body {
.reasoning .toggle { .reasoning .toggle {
position: relative; position: relative;
padding: 0 20px; padding: 0 22px;
padding-left: 26px;
font-weight: 600; font-weight: 600;
font-size: 14px; font-size: 14px;
} }
@@ -252,8 +253,11 @@ body {
} }
.message.reasoning .reasoning button.toggle::before { .message.reasoning .reasoning button.toggle::before {
animation: rotating 2s linear infinite; animation: rotating 1.2s linear infinite;
background-image: url(icons/loading.svg); background-image: url(icons/spinner.svg);
top: -1px;
width: 18px;
height: 18px;
} }
.message .text::before { .message .text::before {

View File

@@ -1,7 +0,0 @@
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="SVGRepo_bgCarrier" stroke-width="0"/>
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"/>

Before

Width:  |  Height:  |  Size: 1.1 KiB

View File

@@ -0,0 +1,7 @@
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
<svg fill="#cad3f5" width="800px" height="800px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg">
<g id="SVGRepo_bgCarrier" stroke-width="0"/>
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"/>

After

Width:  |  Height:  |  Size: 820 B

View File

@@ -105,19 +105,16 @@
.markdown th { .markdown th {
background: rgba(165, 173, 203, 0.07); background: rgba(165, 173, 203, 0.07);
/* subtle neutral tint */
font-weight: 600; font-weight: 600;
color: #CAD3F5; color: #CAD3F5;
} }
.markdown tr:nth-child(even) td { .markdown tr:nth-child(even) td {
background: rgba(165, 173, 203, 0.03); background: rgba(165, 173, 203, 0.03);
/* very soft zebra */
} }
.markdown tr:hover td { .markdown tr:hover td {
background: rgba(165, 173, 203, 0.05); background: rgba(165, 173, 203, 0.05);
/* gentle hover */
} }
.markdown code, .markdown code,
@@ -140,6 +137,7 @@
border-radius: 6px; border-radius: 6px;
line-height: 18px; line-height: 18px;
overflow: hidden; overflow: hidden;
tab-size: 4;
} }
.markdown pre code { .markdown pre code {