From 1fa1e864da3ad2cbffb61fe6a5e9ae870b038847 Mon Sep 17 00:00:00 2001 From: Polianin Nikita Date: Wed, 28 Aug 2024 00:36:48 +0300 Subject: [PATCH] style: change style schedule content --- src/components/schedule/tabs/tabs.component.css | 2 +- src/pages/schedule/schedule.component.css | 6 ++++++ src/pages/schedule/schedule.component.ts | 8 +++++--- 3 files changed, 12 insertions(+), 4 deletions(-) diff --git a/src/components/schedule/tabs/tabs.component.css b/src/components/schedule/tabs/tabs.component.css index 0d14066..240a1b9 100644 --- a/src/components/schedule/tabs/tabs.component.css +++ b/src/components/schedule/tabs/tabs.component.css @@ -1,5 +1,5 @@ .padding-content div { - padding: 30px 15px; + padding: 15px 0; } .margin-other-button { diff --git a/src/pages/schedule/schedule.component.css b/src/pages/schedule/schedule.component.css index 8f0a297..811a947 100644 --- a/src/pages/schedule/schedule.component.css +++ b/src/pages/schedule/schedule.component.css @@ -1,6 +1,12 @@ .schedule { padding: 50px 15%; min-height: 60vh; + overflow: visible; +} + +.schedule mat-sidenav-content { + overflow: inherit; + margin-bottom: 15px; } @media screen and (max-width: 599px) { diff --git a/src/pages/schedule/schedule.component.ts b/src/pages/schedule/schedule.component.ts index 6def683..127b129 100644 --- a/src/pages/schedule/schedule.component.ts +++ b/src/pages/schedule/schedule.component.ts @@ -6,12 +6,13 @@ import {FormsModule} from "@angular/forms"; import {AdditionalText, TableHeaderComponent} from "@component/schedule/table-header/table-header.component"; import {addDays, weekInYear} from "@progress/kendo-date-math"; import {MatCard} from "@angular/material/card"; -import {MatSidenavContainer} from "@angular/material/sidenav"; +import {MatSidenavModule} from "@angular/material/sidenav"; import {TabsComponent, TabsSelect} from "@component/schedule/tabs/tabs.component"; import {catchError, Observable} from "rxjs"; import {ScheduleService} from "@api/v1/schedule.service"; import {ScheduleResponse} from "@api/v1/scheduleResponse"; import {PeriodTimes} from "@model/pairPeriodTime"; +import {MatCheckbox} from "@angular/material/checkbox"; @Component({ selector: 'app-schedule', @@ -24,8 +25,9 @@ import {PeriodTimes} from "@model/pairPeriodTime"; FormsModule, TableHeaderComponent, MatCard, - MatSidenavContainer, - TabsComponent + MatSidenavModule, + TabsComponent, + MatCheckbox ], templateUrl: './schedule.component.html', styleUrl: './schedule.component.css',