fix: abbreviate Month duration to prevent button text wrap

This commit is contained in:
2025-08-14 22:26:05 +00:00
parent 959e1d85d0
commit 1875d7b4e7

View File

@@ -16,7 +16,7 @@ import 'react-range-slider-input/dist/style.css';
const durations = [ const durations = [
{id: 0, len: 'Day', win: '1m', full: '1 min', delta: [1, 'days'], format: 'HH', num: 1440, secs: 60}, {id: 0, len: 'Day', win: '1m', full: '1 min', delta: [1, 'days'], format: 'HH', num: 1440, secs: 60},
{id: 1, len: 'Week', win: '3m', full: '3 min', delta: [7, 'days'], format: 'HH', num: 3360, secs: 180}, {id: 1, len: 'Week', win: '3m', full: '3 min', delta: [7, 'days'], format: 'HH', num: 3360, secs: 180},
{id: 2, len: 'Month', win: '10m', full: '10 min', delta: [1, 'months'], format: 'D', num: 4380, secs: 600}, {id: 2, len: 'Month', shortLen: 'Mon', win: '10m', full: '10 min', delta: [1, 'months'], format: 'D', num: 4380, secs: 600},
{id: 3, len: 'Year', win: '2h', full: '2 hour', delta: [1, 'years'], format: 'M/D', num: 4380, secs: 7200}, {id: 3, len: 'Year', win: '2h', full: '2 hour', delta: [1, 'years'], format: 'M/D', num: 4380, secs: 7200},
]; ];
@@ -396,7 +396,7 @@ function Menu({duration, setDuration, end, setEnd, slider, setSlider, submenu, s
onClick={() => setSubmenu('duration')} onClick={() => setSubmenu('duration')}
className={submenu === 'duration' ? 'active' : ''} className={submenu === 'duration' ? 'active' : ''}
> >
{duration.len} / {duration.win} {(duration.shortLen || duration.len)} / {duration.win}
</button> </button>
<button onClick={() => next()}>&gt;</button> <button onClick={() => next()}>&gt;</button>