Refactor LED strip configuration interface layout

- Separate LED control panels from display preview areas
- Add dedicated LED count control section at bottom of page
- Create new LedCountControlPanel component with 4-column grid layout
- Fix display container height to prevent layout overflow
- Remove embedded LED controls from DisplayView component
- Improve text color for display info panel title
- Hide spinner buttons on number inputs for cleaner UI
- Enhance input field styling with centered text and larger font
This commit is contained in:
2025-07-04 19:13:35 +08:00
parent 5f12b8312a
commit a10fae75d2
5 changed files with 206 additions and 24 deletions

View File

@ -24,7 +24,7 @@ export const DisplayInfoPanel: Component<DisplayInfoPanelProps> = (props) => {
<div {...rootProps} class={'card bg-base-100/95 backdrop-blur shadow-lg border border-base-300 ' + rootProps.class}>
<div class="card-body p-4">
<div class="card-title text-sm mb-3 flex items-center justify-between">
<span></span>
<span class="text-base-content"></span>
{localProps.display.is_primary && (
<div class="badge badge-primary badge-sm"></div>
)}