diff options
Diffstat (limited to 'static/deck.css')
| -rw-r--r-- | static/deck.css | 16 |
1 files changed, 15 insertions, 1 deletions
diff --git a/static/deck.css b/static/deck.css index 79bf374..6f9e49a 100644 --- a/static/deck.css +++ b/static/deck.css @@ -266,7 +266,20 @@ select { border: 1px solid var(--udt-surface1); } .llm-head { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; } -.llm-head .ico { width: 18px; height: 18px; color: var(--udt-accent); flex: none; } +.brand { + width: 18px; + height: 18px; + flex: none; + background: var(--udt-accent); + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + -webkit-mask-size: contain; + mask-repeat: no-repeat; + mask-position: center; + mask-size: contain; +} +.brand.claude { -webkit-mask-image: url(/logos/claude.svg); mask-image: url(/logos/claude.svg); } +.brand.opencode { -webkit-mask-image: url(/logos/opencode.svg); mask-image: url(/logos/opencode.svg); } .llm-head h3 { font-size: 12px; text-transform: uppercase; @@ -291,6 +304,7 @@ select { .gbar { height: 6px; background: var(--udt-surface2); border-radius: 3px; overflow: hidden; } .gbar > i { display: block; height: 100%; background: var(--udt-accent); } .lbig { display: flex; flex-direction: column; gap: 2px; padding: 10px 12px; border-radius: 12px; background: var(--udt-surface1); } +.lpair { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } .good { color: var(--udt-green); } .bad { color: var(--udt-red); } |