stackpress
Version:
Incept is a content management framework.
7 lines (6 loc) • 1.27 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
export default function LayoutLeft(props) {
const { brand, base, logo, open, toggle, children } = props;
const left = open ? 'rmd-px-l-0' : 'rmd-px-l--220';
return (_jsxs("aside", { className: `duration-200 flex flex-col px-h-100-0 px-z-100 absolute px-w-220 px-b-0 px-l-0 px-t-0 ${left}`, children: [_jsxs("header", { className: "px-p-10 px-h-60 flex items-center theme-bg-bg0", children: [_jsx("h3", { className: "flex-grow px-m-0", children: base ? (_jsxs("a", { className: "theme-tx1 flex items-center no-underline", href: base, children: [logo && _jsx("img", { src: logo, alt: brand, className: "px-w-30 px-h-30 px-mr-10" }), brand && _jsx("span", { className: "uppercase px-fs-16", children: brand })] })) : (_jsxs("span", { className: "flex items-center", children: [logo && _jsx("img", { src: logo, alt: brand, className: "px-w-30 px-h-30 px-mr-10" }), brand && _jsx("span", { className: "uppercase px-fs-16", children: brand })] })) }), _jsx("button", { className: "theme-tx1 md-hidden b-0 p-0 bg-transparent text-xl", onClick: toggle, children: _jsx("i", { className: "fas fa-chevron-left" }) })] }), _jsx("main", { className: "theme-bg-bg1 flex-grow", children: children })] }));
}