vuestic-ui/dist/web-components/src/components/va-viewer/VaViewer.js

Vue 3 UI Framework

import { _ as _sfc_main } from "./VaViewer.vue_vue_type_script_setup_true_lang.js";
import { _ as _export_sfc } from "../../../plugin-vue_export-helper.js";
const _style_0 = ":root {\n  --va-viewer-content-overlay-background-color: rgba(0, 0, 0, 0.45);\n  --va-viewer-content-overlay-z-index: var(--va-z-index-teleport-overlay);\n  --va-viewer-content-controls-panel-padding: 0.75rem;\n  --va-viewer-content-controls-panel-justify-content: flex-end;\n  --va-viewer-content-controls-panel-background-color: rgba(0, 0, 0, 0.1);\n  --va-viewer-content-controls-panel-z-index: calc(var(--va-z-index-teleport-overlay) + 50);\n}\n.va-viewer {\n  --va-image-position: relative;\n}\n.va-viewer-content {\n  position: fixed;\n  inset: 0;\n  z-index: var(--va-viewer-content-overlay-z-index);\n  display: flex;\n  justify-content: center;\n  background-color: var(--va-viewer-content-overlay-background-color);\n}\n.va-viewer-content__main-area {\n  --va-image-content-position: relative;\n  display: flex;\n}\n.va-viewer-content__main-area > * {\n  width: auto;\n  max-width: unset;\n}\n.va-viewer-content__controls-panel {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  z-index: var(--va-viewer-content-controls-panel-z-index);\n  display: flex;\n  justify-content: var(--va-viewer-content-controls-panel-justify-content);\n  padding: var(--va-viewer-content-controls-panel-padding);\n  background-color: var(--va-viewer-content-controls-panel-background-color);\n}";
const _VaViewer = /* @__PURE__ */ _export_sfc(_sfc_main, [["styles", [_style_0]]]);
export {
  _VaViewer as _
};
//# sourceMappingURL=VaViewer.js.map