mirror of
https://github.com/mauriceboe/TREK.git
synced 2026-10-19 05:26:47 +00:00
Maurice
d08c949b14
The three columns of the time picker each repeated the same chevron up, value box and chevron down markup. TimeSpinnerColumn draws one, and the button style it shares with the clear button moves to timeSpinnerStyle. The AM/PM column keeps its narrower box, smaller type and leading gap as props, and the hour and minute boxes keep their tabular digits.
14 lines
341 B
TypeScript
14 lines
341 B
TypeScript
import type { CSSProperties } from 'react';
|
|
|
|
/** The look of the time picker's small chevron and clear buttons. */
|
|
export const spinnerButtonStyle: CSSProperties = {
|
|
background: 'none',
|
|
border: 'none',
|
|
cursor: 'pointer',
|
|
padding: 2,
|
|
color: 'var(--text-faint)',
|
|
display: 'flex',
|
|
borderRadius: 4,
|
|
transition: 'color 0.15s',
|
|
};
|