diff --git a/src/OberleisteApp.jsx b/src/OberleisteApp.jsx index fd5421d..e9404af 100644 --- a/src/OberleisteApp.jsx +++ b/src/OberleisteApp.jsx @@ -91,47 +91,6 @@ const pillSelect = { fontSize: 10, } -// BarSelect: Icon roh links + custom-pill onChange(e.target.value)} - style={{ - height: BAR_H, width, - background: 'var(--bg-item)', - color: 'var(--text-primary)', - border: '1px solid var(--border)', - borderTopLeftRadius: 999, borderBottomLeftRadius: 999, - borderTopRightRadius: joinedRight ? 0 : 999, - borderBottomRightRadius: joinedRight ? 0 : 999, - borderRight: joinedRight ? 'none' : '1px solid var(--border)', - padding: '0 24px 0 12px', - fontSize: 11, fontFamily: 'var(--font)', - appearance: 'none', WebkitAppearance: 'none', - backgroundImage: 'var(--select-arrow)', - backgroundRepeat: 'no-repeat', - backgroundPosition: 'right 9px center', - cursor: disabled ? 'not-allowed' : 'pointer', - flexShrink: 0, outline: 'none', - letterSpacing: 0, - }} - >{children} - - ) -} - // BarCombo: dunklerer (bg-input) Pill-Container der select + optional gear // als EINE nahtlose Box rendert. Icon roh links daneben (kein Container). // iconClickable=true macht das Icon zum Toggle-Button (Overrides etc.). @@ -498,7 +457,7 @@ export default function OberleisteApp() { onMouseEnter={hoverIn(isActive)} onMouseLeave={hoverOut(isActive)} style={cellStyle(isActive, idx === 0)}> - + ) })} @@ -519,7 +478,7 @@ export default function OberleisteApp() { onMouseLeave={hoverOut(isActive)} style={cellStyle(isActive, idx === 0)}> {v.label} )