@wener/console
Version:
Base console UI toolkit
19 lines (18 loc) • 1.17 kB
JavaScript
import { clsx } from "clsx";
import { WindowControlButton } from "./WindowControlButton.js";
import { WindowDockList } from "./WindowDockList.js";
export var StandaloneDockSidebar = function (param) {
var open = param.open;
return /*#__PURE__*/ React.createElement("aside", {
className: clsx("fixed", "bg-base-100", //
"flex items-center", "order-1 border-b px-2", // small
"h-[57px] w-full border-b", open ? "top-0" : "-top-40", "transition-[top,right]", // md
"md:top-0 md:py-4", open ? "md:right-0" : "md:-right-40", "md:order-6 md:h-full md:w-[57px] md:flex-col md:border-b-0 md:border-l md:px-0")
}, /*#__PURE__*/ React.createElement("div", {
className: "relative flex h-full w-full flex-1 flex-row items-center gap-1 md:flex-col"
}, /*#__PURE__*/ React.createElement(WindowControlButton, null), /*#__PURE__*/ React.createElement("div", {
className: "relative h-full w-full flex-1"
}, /*#__PURE__*/ React.createElement("div", {
className: "absolute inset-0 overflow-x-auto md:overflow-x-hidden md:overflow-y-auto"
}, /*#__PURE__*/ React.createElement(WindowDockList, null)))));
};