style: change style schedule content
This commit is contained in:
		| @@ -1,5 +1,5 @@ | |||||||
| .padding-content div { | .padding-content div { | ||||||
|   padding: 30px 15px; |   padding: 15px 0; | ||||||
| } | } | ||||||
|  |  | ||||||
| .margin-other-button { | .margin-other-button { | ||||||
|   | |||||||
| @@ -1,6 +1,12 @@ | |||||||
| .schedule { | .schedule { | ||||||
|   padding: 50px 15%; |   padding: 50px 15%; | ||||||
|   min-height: 60vh; |   min-height: 60vh; | ||||||
|  |   overflow: visible; | ||||||
|  | } | ||||||
|  |  | ||||||
|  | .schedule mat-sidenav-content { | ||||||
|  |   overflow: inherit; | ||||||
|  |   margin-bottom: 15px; | ||||||
| } | } | ||||||
|  |  | ||||||
| @media screen and (max-width: 599px) { | @media screen and (max-width: 599px) { | ||||||
|   | |||||||
| @@ -6,12 +6,13 @@ import {FormsModule} from "@angular/forms"; | |||||||
| import {AdditionalText, TableHeaderComponent} from "@component/schedule/table-header/table-header.component"; | import {AdditionalText, TableHeaderComponent} from "@component/schedule/table-header/table-header.component"; | ||||||
| import {addDays, weekInYear} from "@progress/kendo-date-math"; | import {addDays, weekInYear} from "@progress/kendo-date-math"; | ||||||
| import {MatCard} from "@angular/material/card"; | 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 {TabsComponent, TabsSelect} from "@component/schedule/tabs/tabs.component"; | ||||||
| import {catchError, Observable} from "rxjs"; | import {catchError, Observable} from "rxjs"; | ||||||
| import {ScheduleService} from "@api/v1/schedule.service"; | import {ScheduleService} from "@api/v1/schedule.service"; | ||||||
| import {ScheduleResponse} from "@api/v1/scheduleResponse"; | import {ScheduleResponse} from "@api/v1/scheduleResponse"; | ||||||
| import {PeriodTimes} from "@model/pairPeriodTime"; | import {PeriodTimes} from "@model/pairPeriodTime"; | ||||||
|  | import {MatCheckbox} from "@angular/material/checkbox"; | ||||||
|  |  | ||||||
| @Component({ | @Component({ | ||||||
|   selector: 'app-schedule', |   selector: 'app-schedule', | ||||||
| @@ -24,8 +25,9 @@ import {PeriodTimes} from "@model/pairPeriodTime"; | |||||||
|     FormsModule, |     FormsModule, | ||||||
|     TableHeaderComponent, |     TableHeaderComponent, | ||||||
|     MatCard, |     MatCard, | ||||||
|     MatSidenavContainer, |     MatSidenavModule, | ||||||
|     TabsComponent |     TabsComponent, | ||||||
|  |     MatCheckbox | ||||||
|   ], |   ], | ||||||
|   templateUrl: './schedule.component.html', |   templateUrl: './schedule.component.html', | ||||||
|   styleUrl: './schedule.component.css', |   styleUrl: './schedule.component.css', | ||||||
|   | |||||||
		Reference in New Issue
	
	Block a user