Skip to content

Instantly share code, notes, and snippets.

@Ze1598
Created November 20, 2019 13:24
Show Gist options
  • Save Ze1598/c2835bed83da9d8df725abdb3624fbaf to your computer and use it in GitHub Desktop.
Save Ze1598/c2835bed83da9d8df725abdb3624fbaf to your computer and use it in GitHub Desktop.
Modal component: styles.css
html, body {
height: 100%;
}
body {
margin: 0;
font-family: Arial, Helvetica, sans-serif;
display: grid;
justify-items: center;
align-items: center;
background-color: #3a3a3a;
}
/* Overwrite the styles of the mat-dialog-container element globally, but only for those
that have an id of `modal-component` */
/* https://stackoverflow.com/a/48689004/9263761 */
mat-dialog-container#modal-component {
border: 3px solid #262626;
border-radius: 11px;
background-color: #1a1a1a;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment