diff --git a/src/app/app.component.ts b/src/app/app.component.ts index a50e014..19411f9 100644 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -9,6 +9,12 @@ import {FormComponent} from "./form/form.component";

Generátor docházky

`, + styles: ` + h1 { + text-align: center; + margin-top: 2rem; + } + ` }) export class AppComponent { title = 'attendance-generator'; diff --git a/src/app/form/form.component.html b/src/app/form/form.component.html index 59d891a..86f81b0 100644 --- a/src/app/form/form.component.html +++ b/src/app/form/form.component.html @@ -1,5 +1,5 @@
- + Počet dní v měsíci: {{dayCount}} @@ -48,24 +48,28 @@ - + Víkend - + - + Absence - + @if (e.working) { + + + + } Den - {{e.day}} + {{e.day}}. diff --git a/src/app/form/form.component.css b/src/app/form/form.component.scss similarity index 83% rename from src/app/form/form.component.css rename to src/app/form/form.component.scss index a951334..de2746d 100644 --- a/src/app/form/form.component.css +++ b/src/app/form/form.component.scss @@ -1,3 +1,9 @@ +@use '@angular/material' as mat; + +table { + @include mat.form-field-density(-5); +} + .full-width { width: 100%; } diff --git a/src/app/form/form.component.ts b/src/app/form/form.component.ts index 2226e47..facaed3 100644 --- a/src/app/form/form.component.ts +++ b/src/app/form/form.component.ts @@ -44,7 +44,7 @@ interface AttendanceDay { @Component({ selector: 'app-form', templateUrl: './form.component.html', - styleUrl: './form.component.css', + styleUrl: './form.component.scss', standalone: true, imports: [ MatInputModule, @@ -79,9 +79,9 @@ export class FormComponent implements OnInit { readonly dayStart = 8 * 60; displayedColumns: string[] = [ + 'day', 'customize', 'absent', - 'day', 'morningStart', 'afternoonEnd', 'morningEnd', diff --git a/src/index.html b/src/index.html index 2eaeebd..5e9a168 100644 --- a/src/index.html +++ b/src/index.html @@ -2,7 +2,7 @@ - AttendanceGenerator + Generátor docházky