radh-ui
Version:
Stencil Component Starter
1 lines • 763 B
JavaScript
import{r as t,h as e}from"./p-1a9f3501.js";class o{constructor(e){t(this,e)}render(){return e("section",{class:"page-container"},e("div",{class:"background"},e("slot",{name:"background"})),e("div",{class:"foreground"},e("slot",{name:"foreground"})))}}o.style=".page-container{position:relative;width:100vw;height:inherit;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.background{position:absolute;left:0px;top:0px;width:100vw;height:100%}.background ::slotted(*){position:absolute;left:0px;top:0px;width:100%;height:100%}.foreground{position:relative;height:100%;width:calc(100% - var(--size, 8px) * 5);max-width:var(--page-max-width, 1224px)}@media (max-width: 580px){:root{--page-max-width:100%}}";export{o as radh_page_container}