stefan
439551951b
- Implemented new reusable components including Label, Input, InputOTP, HoverCard, Popover, Pagination, NavigationMenu, Menubar, ScrollArea, Resizable, RadioGroup, and Progress under `docs/06_Frontend/FIGMA/src/app/components/ui/`. - Enhanced structural organization to improve scalability and maintainability. - Updated `settings.gradle.kts` to include the new module `frontend:features:nennung-feature`. Signed-off-by: Stefan Mogeritsch <stefan.mo.co@gmail.com>
75 lines
1.5 KiB
TypeScript
75 lines
1.5 KiB
TypeScript
import {ThemeProvider, createTheme} from '@mui/material/styles';
|
|
import CssBaseline from '@mui/material/CssBaseline';
|
|
import {NennungsMaske} from './components/NennungsMaske';
|
|
|
|
// Material Design 3 Theme mit Indigo Primärfarbe
|
|
const theme = createTheme({
|
|
palette: {
|
|
mode: 'light',
|
|
primary: {
|
|
main: '#3F51B5', // Indigo
|
|
light: '#7986CB',
|
|
dark: '#303F9F',
|
|
contrastText: '#FFFFFF',
|
|
},
|
|
secondary: {
|
|
main: '#FF4081',
|
|
light: '#FF80AB',
|
|
dark: '#F50057',
|
|
},
|
|
error: {
|
|
main: '#F44336',
|
|
},
|
|
warning: {
|
|
main: '#FF9800',
|
|
},
|
|
success: {
|
|
main: '#4CAF50',
|
|
},
|
|
background: {
|
|
default: '#FAFAFA',
|
|
paper: '#FFFFFF',
|
|
},
|
|
},
|
|
typography: {
|
|
fontFamily: '"Roboto", "Helvetica", "Arial", sans-serif',
|
|
fontSize: 13, // Kompakt für Desktop-Anwendung
|
|
},
|
|
components: {
|
|
MuiButton: {
|
|
styleOverrides: {
|
|
root: {
|
|
textTransform: 'none', // Keine ALL CAPS
|
|
borderRadius: 8,
|
|
},
|
|
},
|
|
},
|
|
MuiTextField: {
|
|
styleOverrides: {
|
|
root: {
|
|
'& .MuiInputBase-root': {
|
|
fontSize: '13px',
|
|
},
|
|
},
|
|
},
|
|
},
|
|
MuiTableCell: {
|
|
styleOverrides: {
|
|
root: {
|
|
padding: '6px 8px', // Kompakter als Standard
|
|
fontSize: '12px',
|
|
},
|
|
},
|
|
},
|
|
},
|
|
});
|
|
|
|
export default function App() {
|
|
return (
|
|
<ThemeProvider theme={theme}>
|
|
<CssBaseline/>
|
|
<NennungsMaske/>
|
|
</ThemeProvider>
|
|
);
|
|
}
|