Mercurial

diff mrjunejune/src/tools/latex_editor/index.html @ 258:60a876c4587a

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
[ui] Add semantic primitive ownership Build a layered Zenbu token and sizing system, make authored controls use native-underneath primitives, migrate mrjunejune without imposing visual surfaces, and document/enforce HTML ownership in the catalog and wiki. Co-authored-by: Copilot <[email protected]>
author MrJuneJune <me@mrjunejune.com>
date Wed, 05 Aug 2026 05:25:40 -0700
parents 4f2b50bc78e7
children
line wrap: on
line diff
--- a/mrjunejune/src/tools/latex_editor/index.html	Tue Aug 04 16:49:11 2026 -0700
+++ b/mrjunejune/src/tools/latex_editor/index.html	Wed Aug 05 05:25:40 2026 -0700
@@ -15,13 +15,21 @@
           <p>Write LaTeX here. My server compiles it inside a locked-down sandbox and sends the PDF back to this preview.</p>
         </div>
         <div class="latex-actions">
-          <label class="auto-compile">
-            <input id="autoCompile" type="checkbox" checked />
-            Auto compile
-          </label>
-          <button id="resetButton" type="button" class="secondary">Reset</button>
-          <button id="compileButton" type="button">Compile PDF</button>
-          <a id="downloadButton" class="button-link disabled" aria-disabled="true">Download</a>
+          <zen-checkbox appearance="plain" size="sm">
+            <label class="auto-compile">
+              <input id="autoCompile" type="checkbox" checked />
+              Auto compile
+            </label>
+          </zen-checkbox>
+          <zen-button appearance="plain" size="md">
+            <button id="resetButton" type="button" class="secondary">Reset</button>
+          </zen-button>
+          <zen-button appearance="plain" size="md">
+            <button id="compileButton" type="button">Compile PDF</button>
+          </zen-button>
+          <zen-button appearance="plain" size="md">
+            <a id="downloadButton" class="button-link disabled" aria-disabled="true">Download</a>
+          </zen-button>
         </div>
       </div>
 
@@ -35,7 +43,8 @@
             <h2 id="sourceHeading">document.tex</h2>
             <span id="sourceSize">0 / 65,536 bytes</span>
           </div>
-          <textarea id="latexSource" spellcheck="false" autocomplete="off" aria-label="LaTeX source" placeholder="Type your LaTeX document here...">\documentclass[11pt]{article}
+          <zen-textarea appearance="plain" size="md">
+            <textarea id="latexSource" spellcheck="false" autocomplete="off" aria-label="LaTeX source" placeholder="Type your LaTeX document here...">\documentclass[11pt]{article}
 \usepackage[margin=1in]{geometry}
 \usepackage{amsmath}
 \usepackage{xcolor}
@@ -57,6 +66,7 @@
 
 \end{document}
 </textarea>
+          </zen-textarea>
         </section>
 
         <section class="latex-panel preview-panel" aria-labelledby="previewHeading">