vitalif
/
react-toolbox
1
0
Fork 0
Code Issues Pull Requests Releases 12 Wiki Activity

Merge pull request #509 from johnnynotsolucky/mobile-friendly-dialogs 

Media queries for dialogs to set wider widths for smaller screens
old
Javi Velasco 2016-05-10 20:02:57 +02:00
parent ad9b870127 ec84e6c3b3
commit 6153a97164
1 changed files with 12 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
components/dialog/style.scss
View File

@ -23,10 +23,22 @@
.small {
width: 30vw;
@media screen and (max-width: $layout-breakpoint-sm-tablet) {
width: 50vw;
}
@media screen and (max-width: $layout-breakpoint-xs) {
width: 75vw;
}
}
.normal {
width: 50vw;
@media screen and (max-width: $layout-breakpoint-xs) {
width: 96vw;
}
}
.large {