Assist: drop flickering hint paragraph; center tuner in its frame

The 'Play a note' paragraph toggled with every detection gap and shifted
the layout — removed (incl. unused .assist-hint rule). TuningMeter is a
fixed-width 260px block; the tuner tool's body row now centers it.
This commit is contained in:
2026-09-20 00:56:15 +02:00
parent 751c3eec2f
commit dfd8682500
3 changed files with 1 additions and 15 deletions

View File

@@ -1190,13 +1190,6 @@ button {
overflow-x: auto; overflow-x: auto;
} }
.assist-hint {
font-size: 12px;
color: var(--color-text-muted);
margin: 0;
text-align: center;
}
/* ---- Transport step group (preview stepping) ---------------------------- */ /* ---- Transport step group (preview stepping) ---------------------------- */
.transport-step-group { .transport-step-group {
display: flex; display: flex;

View File

@@ -97,13 +97,6 @@ export const AssistMode: React.FC<AssistModeProps> = ({ pitchData, windowWidth }
/> />
</div> </div>
)} )}
{!pitchData && (
<p className="assist-hint">
Play a note — it shows here. Mic is{' '}
{settings.showTuningMeter ? 'on' : 'controlled by the mic button below'}.
</p>
)}
</div> </div>
); );
}; };

View File

@@ -86,7 +86,7 @@ export const Controls: React.FC<ControlsProps> = ({ currentPitch }) => {
</button> </button>
</div> </div>
{settings.showTuningMeter && ( {settings.showTuningMeter && (
<div style={{ paddingTop: '8px', borderTop: '1px solid color-mix(in srgb, var(--color-text-main) 10%, transparent)' }}> <div style={{ paddingTop: '8px', borderTop: '1px solid color-mix(in srgb, var(--color-text-main) 10%, transparent)', display: 'flex', justifyContent: 'center' }}>
<TuningMeter <TuningMeter
cents={currentPitch ? currentPitch.cents : null} cents={currentPitch ? currentPitch.cents : null}
noteName={currentPitch ? currentPitch.note : null} noteName={currentPitch ? currentPitch.note : null}