purchasing/fuse-angular
3
0
Fork 0
mirror of https://github.com/richard-loafle/fuse-angular.git synced 2025-01-10 04:25:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

Academy app small tweaks and responsive fixes

Browse Source
This commit is contained in:
Sercan Yemen 2017-12-28 14:00:06 +03:00
parent f13120bc01
commit 0653b5f36b
3 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/main/content/apps/academy/course/course.component.scss
View File

@ -163,7 +163,7 @@
padding: 48px; padding: 48px;
@media (max-width: 720px) { @media (max-width: 720px) {
padding: 0; padding: 0 0 120px 0;
} }
.course-step-content { .course-step-content {

4
src/app/main/content/apps/academy/courses/courses.component.html
View File

@ -20,8 +20,8 @@
<div fxLayout="column" fxLayoutAlign="center"> <div fxLayout="column" fxLayoutAlign="center">
<div class="filters" fxLayout="row" fxLayoutAlign="center center" <div class="filters" fxLayout="column" fxLayoutAlign="center center"
fxLayout-gt.xs="column" fxLayoutAlign.gt-xs="space-between center"> fxLayout.gt-xs="row" fxLayoutAlign.gt-xs="space-between center">
<mat-form-field class="course-search"> <mat-form-field class="course-search">

8
src/app/main/content/apps/academy/courses/courses.component.scss
View File

@ -65,10 +65,16 @@
.filters { .filters {
width: 100%; width: 100%;
max-width: 1000px; max-width: 1040px;
margin: 24px auto; margin: 24px auto;
padding: 0 20px;
@include media-breakpoint-down('xs') {
margin: 0 auto;
}
.course-search { .course-search {
width: 200px;
@include media-breakpoint-down('xs') { @include media-breakpoint-down('xs') {
margin-bottom: 16px; margin-bottom: 16px;