UNPKG

primevue

Version:

PrimeVue is an open source UI library for Vue featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBloc

2 lines (1 loc) 1.62 kB
this.primevue=this.primevue||{},this.primevue.splitter=this.primevue.splitter||{},this.primevue.splitter.style=function(t){"use strict";function e(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}return e(primevue.base.style).default.extend({name:"splitter",css:"\n@layer primevue {\n .p-splitter {\n display: flex;\n flex-wrap: nowrap;\n }\n\n .p-splitter-vertical {\n flex-direction: column;\n }\n\n .p-splitter-gutter {\n flex-grow: 0;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: col-resize;\n }\n\n .p-splitter-horizontal.p-splitter-resizing {\n cursor: col-resize;\n user-select: none;\n }\n\n .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {\n height: 24px;\n width: 100%;\n }\n\n .p-splitter-horizontal > .p-splitter-gutter {\n cursor: col-resize;\n }\n\n .p-splitter-vertical.p-splitter-resizing {\n cursor: row-resize;\n user-select: none;\n }\n\n .p-splitter-vertical > .p-splitter-gutter {\n cursor: row-resize;\n }\n\n .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {\n width: 24px;\n height: 100%;\n }\n}\n",classes:{root:function(t){return["p-splitter p-component","p-splitter-"+t.props.layout]},gutter:"p-splitter-gutter",gutterHandler:"p-splitter-gutter-handle"},inlineStyles:{root:function(t){return[{display:"flex","flex-wrap":"nowrap"},"vertical"===t.props.layout?{"flex-direction":"column"}:""]}}})}();