Skip to content
This repository has been archived by the owner on Feb 1, 2024. It is now read-only.

Commit

Permalink
Better max-width behaviour
Browse files Browse the repository at this point in the history
  • Loading branch information
driesd committed Jun 15, 2017
1 parent 07e09fb commit a88aabc
Showing 1 changed file with 5 additions and 5 deletions.
10 changes: 5 additions & 5 deletions components/dialog/theme.css
Original file line number Diff line number Diff line change
Expand Up @@ -38,7 +38,7 @@
display: flex;
flex-direction: column;
max-height: 96vh;
max-width: 96vw;
max-width: 90vw;
position: absolute;
opacity: 0;
transform: translateY(var(--dialog-translate-y));
Expand All @@ -55,19 +55,19 @@
}

.small {
max-width: 400px;
width: 400px;
}

.medium {
max-width: 540px;
width: 540px;
}

.large {
max-width: 700px;
width: 700px;
}

.fullscreen {
width: 96vw;
width: 1300px;

@media screen and (--xs-viewport) {
border-radius: 0;
Expand Down

0 comments on commit a88aabc

Please sign in to comment.