ayovue/themes/default/dialog.css

A progressive vue components library designed to simplify and accelerate your web development process.

@import url('../base/dialog.css');
.a-dialog {
  border: none;
  box-shadow: 0px 2px 50px 2px rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  padding: 0;
}
.a-dialog::backdrop {
    background-color: rgba(127, 127, 127, 0.5);
    -webkit-backdrop-filter: blur(3px);
            backdrop-filter: blur(3px);
  }
.a-dialog .a-dialog-header {
    height: 40px;
    /* background-color: rgba(0, 0, 0, 0.05); */
    background-color: rgba(128, 128, 128, 0.1);
    font-weight: 700;
    font-size: 16px;
    color: inherit;
  }
.a-dialog .a-dialog-title {
    padding: 0 1em;
    color: var(--a-c-gray-600);
  }
.a-dialog .a-dialog-close {
    padding: 0.75em 1em;
  }
.a-dialog .a-dialog-body {
    padding: 0.5em 1em;
  }
.dark .a-dialog .a-dialog-title {
    color: var(--a-c-gray-400);
  }