mirror of
https://github.com/9x/sheetmusictrainer.git
synced 2026-11-03 22:03:54 +01:00
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:
@@ -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;
|
||||||
|
|||||||
@@ -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>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -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}
|
||||||
|
|||||||
Reference in New Issue
Block a user