yvan/gallery-frontend
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

* mobile layout margin and padding changes

Browse Source
This commit is contained in:
Danyi Dávid 2018-07-09 11:28:27 +02:00
parent 313766b9cf
commit 182376f97d
3 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/gallery/album/album.component.css
View File

@ -2,7 +2,6 @@
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
margin-bottom: 80px; margin-bottom: 80px;
padding-left: 10px;
} }
.row { .row {
@ -29,6 +28,9 @@ a:hover {
.row { .row {
column-count: 1; column-count: 1;
} }
.main.container {
margin-bottom: 0;
}
} }
/* tablet */ /* tablet */

4
src/app/gallery/gallery/gallery.component.css
View File

@ -2,7 +2,6 @@
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
margin-bottom: 80px; margin-bottom: 80px;
padding-left: 10px;
} }
.row { .row {
@ -15,6 +14,9 @@
.row { .row {
column-count: 1; column-count: 1;
} }
.main.container {
margin-bottom: 0;
}
} }
/* tablet */ /* tablet */

7
src/app/gallery/thumbnail/thumbnail.component.css
View File

@ -3,6 +3,13 @@
margin: 0 0 20px 0; margin: 0 0 20px 0;
} }
/* mobile */
@media only screen and (max-width: 779px) {
:host {
margin-bottom: 10px;
}
}
img { img {
width: 100%; width: 100%;
height: auto; height: auto;