jens/brewpi
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Move pot/thermometer next to LCD panel, scale to 144px

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01DGKe8JzTM2Gr1fdx9wYXTi
This commit is contained in:
jens
2026-06-26 21:49:36 +02:00
co-authored by Claude Sonnet 4.6
parent b721db2396
commit 59b18b95b6
2 changed files with 13 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/index.html
+2
View File
@@ -22,6 +22,7 @@
</span> </span>
</header> </header>
<div id="lcd-pot-row">
<div id="lcd-panel"> <div id="lcd-panel">
<div class="lcd-row lcd-header"> <div class="lcd-row lcd-header">
<div class="lcd-label"></div> <div class="lcd-label"></div>
@@ -111,6 +112,7 @@
fill="#e0e0e0" text-anchor="middle">--</text> fill="#e0e0e0" text-anchor="middle">--</text>
</svg> </svg>
</div> </div>
</div><!-- #lcd-pot-row -->
<nav id="tabs"> <nav id="tabs">
<button class="tab-btn active" data-tab="manual">Manual</button> <button class="tab-btn active" data-tab="manual">Manual</button>
web/style.css
+11 -4
View File
@@ -115,7 +115,6 @@ header#connection-bar {
display: grid; display: grid;
grid-template-columns: 11em 6em 6em; grid-template-columns: 11em 6em 6em;
gap: 0.25em 1em; gap: 0.25em 1em;
margin: 1em 0;
max-width: 32em; max-width: 32em;
} }
.lcd-row { display: contents; } .lcd-row { display: contents; }
@@ -133,14 +132,22 @@ header#connection-bar {
border-radius: 3px; border-radius: 3px;
} }
/* --- LCD + pot row --- */
#lcd-pot-row {
display: flex;
align-items: flex-start;
gap: 1.5em;
margin: 1em 0;
}
/* --- Pot visualization --- */ /* --- Pot visualization --- */
#pot-view { #pot-view {
margin: 0.5em 0 0.5em 0; flex-shrink: 0;
} }
#pot-svg { #pot-svg {
width: 100%; width: 144px;
max-width: 180px;
height: auto; height: auto;
display: block; display: block;
} }