feat(ui): add Button, Modal, Spinner, Toast, and Tooltip components with styles
All checks were successful
Build and Release / build-and-release (push) Successful in 13m12s

- Implemented Button component with various props for customization.
- Created Modal component with header, content, and footer subcomponents.
- Added Spinner component for loading indicators.
- Developed Toast component for displaying notifications.
- Introduced Tooltip component for contextual hints with keyboard shortcuts.
- Added corresponding CSS modules for styling each component.
- Updated index file to export new components.
- Configured TypeScript settings for the UI package.
This commit is contained in:
Bryan1029384756
2026-04-14 09:02:14 -05:00
parent 9ef839938e
commit b7a4cf4ce8
376 changed files with 52619 additions and 167641 deletions

View File

@@ -0,0 +1,28 @@
.volumeRow {
display: flex;
flex-direction: column;
gap: 6px;
padding: 8px 8px 10px;
}
.volumeLabel {
display: flex;
align-items: center;
gap: 6px;
color: var(--text-secondary);
font-size: 0.8125rem;
font-weight: 500;
}
.volumeValue {
margin-left: auto;
color: var(--text-tertiary);
font-variant-numeric: tabular-nums;
}
.volumeSlider {
width: 100%;
height: 4px;
accent-color: var(--brand-primary);
cursor: pointer;
}