Mercurial

comparison dictation/web/dictation.css @ 277:1d99147f520c

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Merge Qwen services and infinite canvas heads
author MrJuneJune <me@mrjunejune.com>
date Mon, 17 Aug 2026 17:01:40 -0700
parents 78699f810817
children
comparison
equal deleted inserted replaced
276:b55c22cff335 277:1d99147f520c
1 :root {
2 color-scheme: dark;
3 font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
4 background: #090d12;
5 color: #e7f7ef;
6 }
7
8 body {
9 margin: 0;
10 min-height: 100vh;
11 display: grid;
12 place-items: center;
13 }
14
15 main {
16 width: min(42rem, calc(100% - 2rem));
17 padding: 2rem;
18 border: 1px solid #2b5d4a;
19 background: #0e1718;
20 box-shadow: 0 1rem 4rem #0008;
21 }
22
23 .eyebrow {
24 color: #71e6af;
25 letter-spacing: 0.15em;
26 }
27
28 .controls {
29 display: flex;
30 gap: 0.75rem;
31 margin: 1.5rem 0;
32 }
33
34 button {
35 padding: 0.7rem 1rem;
36 border: 1px solid #71e6af;
37 background: transparent;
38 color: inherit;
39 cursor: pointer;
40 }
41
42 button:disabled {
43 opacity: 0.45;
44 cursor: default;
45 }
46
47 .status[data-state="error"] {
48 color: #ff8c8c;
49 }
50
51 .status[data-state="ready"] {
52 color: #71e6af;
53 }
54
55 .partial {
56 min-height: 1.5rem;
57 color: #a7c9bb;
58 }
59
60 textarea {
61 box-sizing: border-box;
62 width: 100%;
63 resize: vertical;
64 border: 1px solid #315448;
65 padding: 0.75rem;
66 background: #080d0e;
67 color: inherit;
68 }