ayovue/themes/base/dialog.css

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

.a-dialog {
  margin: auto;
  display: flex;
  flex-direction: column;
}

.a-dialog .a-dialog-header {
    display: flex;
    align-items: center;
  }

.a-dialog .a-dialog-title {
    flex: 1;
  }

.a-dialog .a-dialog-body {
    flex: 1;
    overflow-y: auto;
  }

body:has(:modal) {
  overflow: hidden;
}