diff --git a/apps/todo/angular/src/app/todo/todo.component.html b/apps/todo/angular/src/app/todo/todo.component.html index ca84dfa..0a40699 100644 --- a/apps/todo/angular/src/app/todo/todo.component.html +++ b/apps/todo/angular/src/app/todo/todo.component.html @@ -37,5 +37,12 @@

Angular - Clean Architecture .design

diff --git a/apps/todo/angular/src/theming/_button-treme.scss b/apps/todo/angular/src/theming/_button-treme.scss index 40ef4be..6056017 100644 --- a/apps/todo/angular/src/theming/_button-treme.scss +++ b/apps/todo/angular/src/theming/_button-treme.scss @@ -25,7 +25,7 @@ @mixin theme($theme) { button.mat-button-base { - border-radius: 8px; + // border-radius: 8px; } $color-config: mat.get-color-config($theme); diff --git a/apps/todo/react/src/app/app.theme.ts b/apps/todo/react/src/app/app.theme.ts new file mode 100644 index 0000000..c015482 --- /dev/null +++ b/apps/todo/react/src/app/app.theme.ts @@ -0,0 +1,14 @@ +import { createTheme } from '@mui/material/styles'; + +export const theme = createTheme({ + palette: { + primary: { + main: '#000000', + }, + secondary: { + main: '#ffffff', + }, + contrastThreshold: 3, + tonalOffset: 0.2, + }, +}); diff --git a/apps/todo/react/src/app/app.tsx b/apps/todo/react/src/app/app.tsx index 3c3d1af..4c3f33b 100644 --- a/apps/todo/react/src/app/app.tsx +++ b/apps/todo/react/src/app/app.tsx @@ -1,7 +1,5 @@ import React, { useEffect } from 'react'; -// import Checkbox from '@mui/material/Checkbox'; import { - Link, Grid, Stack, Button, @@ -9,33 +7,21 @@ import { Checkbox, FormGroup, Typography, - ButtonGroup, ToggleButton, FormControlLabel, ToggleButtonGroup, } from '@mui/material'; import { NavigateBefore, Clear } from '@material-ui/icons'; -import { createTheme, ThemeProvider } from '@mui/material/styles'; +import { ThemeProvider } from '@mui/material/styles'; import { TodoVM, TodoPresenter } from '@nx-clean/todo-presentation'; + import { injector } from './app.provider'; +import { theme } from './app.theme'; import styles from './app.module.scss'; -const theme = createTheme({ - palette: { - primary: { - main: '#000000', - }, - secondary: { - main: '#ffffff', - }, - contrastThreshold: 3, - tonalOffset: 0.2, - }, -}); - const presenter = injector.get(TodoPresenter); export function App() { @@ -128,18 +114,6 @@ export function App() { Voltar - {/* - - - - - - - Voltar - - - - */} React - Clean Archtecture .design @@ -195,7 +169,12 @@ export function App() {
-
diff --git a/apps/todo/web/src/app/app.element.ts b/apps/todo/web/src/app/app.element.ts index 35cebbf..7e6a7e9 100644 --- a/apps/todo/web/src/app/app.element.ts +++ b/apps/todo/web/src/app/app.element.ts @@ -51,7 +51,10 @@ export class AppElement extends HTMLElement {