peter/doneit-web
1
0
Fork 0
mirror of https://code.equilibrium.co.ao/ITO/doneit-web.git synced 2026-04-21 05:45:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixe container width with media only screen

Browse Source
This commit is contained in:
Peter Maquiran
2021-01-04 09:16:18 +01:00
parent 51804e73a3
commit de028355ef
1 changed files with 15 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/pages/events/events.page.scss
+15 -1
View File
@@ -326,7 +326,7 @@ ion-toolbar{
justify-content: center; justify-content: center;
} }
.schedule { .schedule {
width: 400px; max-width: 400px;
font-family: Roboto; font-family: Roboto;
margin: 10px 0px; margin: 10px 0px;
padding: 20px; padding: 20px;
@@ -442,8 +442,22 @@ ion-toolbar{
@media only screen and (min-width: 804px) { @media only screen and (min-width: 804px) {
.schedule:first-child { .schedule:first-child {
margin-right: 2%; margin-right: 2%;
} }
}
@media only screen and (min-width: 478px) {
.schedule{
width: 400px;
}
}
@media only screen and (max-width: 478px) {
.schedule{
width: 360px;
}
} }