move log
- author
- Marijn Besseling <njirambem@gmail.com> · 2025-09-11 18:28 UTC
- commit
- da78a550c829653bdf6029578ff75be250addc0d
- parent
- 737ac4daa7
- tree
- browse at this commit
10 files changed +18 -28
Blog/Components/Pages/Calc.razor +1 -3
| @@ -8,9 +8,7 @@ | ||
| 8 | 8 | <input id="input" type="text" placeholder="1 2 +" /> |
| 9 | 9 | <input type="submit" value="Evaluate"> |
| 10 | 10 | </form> |
| 11 | - <div> | |
| 12 | - <div id="log"></div> | |
| 13 | - </div> | |
| 11 | + <Log/> | |
| 14 | 12 | |
| 15 | 13 | <fieldset class="docs"> |
| 16 | 14 | <legend>Available stack operations</legend> |
Blog/Components/Pages/Concat.razor +1 -3
| @@ -7,9 +7,7 @@ | ||
| 7 | 7 | <textarea id="input" placeholder="1 2 +" rows="5"></textarea> |
| 8 | 8 | <input type="submit" value="Run program"> |
| 9 | 9 | </form> |
| 10 | - <div> | |
| 11 | - <div id="log"></div> | |
| 12 | - </div> | |
| 10 | + <Log/> | |
| 13 | 11 | |
| 14 | 12 | <fieldset class="docs"> |
| 15 | 13 | <legend>Predefined operations</legend> |
Blog/Components/Pages/Generator.razor +1 -3
| @@ -6,7 +6,5 @@ | ||
| 6 | 6 | <button id="bsn">Generate BSN</button> |
| 7 | 7 | <!-- <button id="iban">Generate IBAN</button> --> |
| 8 | 8 | |
| 9 | - <div> | |
| 10 | - <div id="log"></div> | |
| 11 | - </div> | |
| 9 | + <Log/> | |
| 12 | 10 | </main> |
| No newline at end of file | ||
Blog/Components/Pages/Home.razor +0 -3
| @@ -4,7 +4,4 @@ | ||
| 4 | 4 | |
| 5 | 5 | <main> |
| 6 | 6 | <p>A couple of JS/HTML experiments.</p> |
| 7 | - <div> | |
| 8 | - <div id="log"></div> | |
| 9 | - </div> | |
| 10 | 7 | </main> |
| No newline at end of file | ||
Blog/Components/Pages/Letterflixd.razor +1 -7
| @@ -20,11 +20,5 @@ | ||
| 20 | 20 | </div> |
| 21 | 21 | </fieldset> |
| 22 | 22 | </form> |
| 23 | - <div> | |
| 24 | - <label for="debug"> | |
| 25 | - Show debug log | |
| 26 | - <input type="checkbox" id="debug"> | |
| 27 | - </label> | |
| 28 | - <div id="log"></div> | |
| 29 | - </div> | |
| 23 | + <Log/> | |
| 30 | 24 | </main> |
| No newline at end of file | ||
Blog/Components/Pages/Note.razor +1 -1
| @@ -4,5 +4,5 @@ | ||
| 4 | 4 | |
| 5 | 5 | <main> |
| 6 | 6 | <textarea id="input" style="height:60vh" autofocus></textarea> |
| 7 | - <div id="log"></div> | |
| 7 | + <Log/> | |
| 8 | 8 | </main> |
| No newline at end of file | ||
Blog/Components/Pages/QRCodeGenerator.razor +1 -3
| @@ -5,7 +5,5 @@ | ||
| 5 | 5 | <main> |
| 6 | 6 | <textarea id="input" rows="5" autofocus>https://bes.is/</textarea> |
| 7 | 7 | <div id="qrcode"></div> |
| 8 | - <div> | |
| 9 | - <div id="log"></div> | |
| 10 | - </div> | |
| 8 | + <Log/> | |
| 11 | 9 | </main> |
| No newline at end of file | ||
Blog/Components/Pages/QRCodeScan.razor +1 -3
| @@ -4,7 +4,5 @@ | ||
| 4 | 4 | |
| 5 | 5 | <main> |
| 6 | 6 | <video id="video"></video> |
| 7 | - <div> | |
| 8 | - <div id="log"></div> | |
| 9 | - </div> | |
| 7 | + <Log/> | |
| 10 | 8 | </main> |
| No newline at end of file | ||
Blog/Components/_Shared/Log.razor +7 -0
| @@ -0,0 +1,7 @@ | ||
| 1 | +<div> | |
| 2 | + <label for="debug"> | |
| 3 | + Show debug log | |
| 4 | + <input type="checkbox" id="debug"> | |
| 5 | + </label> | |
| 6 | + <div id="log"></div> | |
| 7 | +</div> | |
| No newline at end of file | ||
Blog/wwwroot/app.css +4 -2
| @@ -272,9 +272,11 @@ input[type="checkbox"] { | ||
| 272 | 272 | appearance: none; |
| 273 | 273 | } |
| 274 | 274 | input[type="checkbox"]:checked::after { |
| 275 | - content: "[x]" | |
| 275 | + content: "[x]"; | |
| 276 | + color: var(); | |
| 276 | 277 | } |
| 277 | 278 | |
| 278 | 279 | input[type="checkbox"]::after { |
| 279 | - content: "[ ]" | |
| 280 | + content: "[ ]"; | |
| 281 | + color: var(); | |
| 280 | 282 | } |
| No newline at end of file | ||