1 line
4.8 KiB
JavaScript
1 line
4.8 KiB
JavaScript
|
var style="\n .p-drawer {\n display: flex;\n flex-direction: column;\n transform: translate3d(0px, 0px, 0px);\n position: relative;\n transition: transform 0.3s;\n background: dt('drawer.background');\n color: dt('drawer.color');\n border-style: solid;\n border-color: dt('drawer.border.color');\n box-shadow: dt('drawer.shadow');\n }\n\n .p-drawer-content {\n overflow-y: auto;\n flex-grow: 1;\n padding: dt('drawer.content.padding');\n }\n\n .p-drawer-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-shrink: 0;\n padding: dt('drawer.header.padding');\n }\n\n .p-drawer-footer {\n padding: dt('drawer.footer.padding');\n }\n\n .p-drawer-title {\n font-weight: dt('drawer.title.font.weight');\n font-size: dt('drawer.title.font.size');\n }\n\n .p-drawer-full .p-drawer {\n transition: none;\n transform: none;\n width: 100vw !important;\n height: 100vh !important;\n max-height: 100%;\n top: 0px !important;\n left: 0px !important;\n border-width: 1px;\n }\n\n .p-drawer-left .p-drawer-enter-active {\n animation: p-animate-drawer-enter-left 0.5s cubic-bezier(0.32, 0.72, 0, 1);\n }\n .p-drawer-left .p-drawer-leave-active {\n animation: p-animate-drawer-leave-left 0.5s cubic-bezier(0.32, 0.72, 0, 1);\n }\n\n .p-drawer-right .p-drawer-enter-active {\n animation: p-animate-drawer-enter-right 0.5s cubic-bezier(0.32, 0.72, 0, 1);\n }\n .p-drawer-right .p-drawer-leave-active {\n animation: p-animate-drawer-leave-right 0.5s cubic-bezier(0.32, 0.72, 0, 1);\n }\n\n .p-drawer-top .p-drawer-enter-active {\n animation: p-animate-drawer-enter-top 0.5s cubic-bezier(0.32, 0.72, 0, 1);\n }\n .p-drawer-top .p-drawer-leave-active {\n animation: p-animate-drawer-leave-top 0.5s cubic-bezier(0.32, 0.72, 0, 1);\n }\n\n .p-drawer-bottom .p-drawer-enter-active {\n animation: p-animate-drawer-enter-bottom 0.5s cubic-bezier(0.32, 0.72, 0, 1);\n }\n .p-drawer-bottom .p-drawer-leave-active {\n animation: p-animate-drawer-leave-bottom 0.5s cubic-bezier(0.32, 0.72, 0, 1);\n }\n\n .p-drawer-full .p-drawer-enter-active {\n animation: p-animate-drawer-enter-full 0.5s cubic-bezier(0.32, 0.72, 0, 1);\n }\n .p-drawer-full .p-drawer-leave-active {\n animation: p-animate-drawer-leave-full 0.5s cubic-bezier(0.32, 0.72, 0, 1);\n }\n \n .p-drawer-left .p-drawer {\n width: 20rem;\n height: 100%;\n border-inline-end-width: 1px;\n }\n\n .p-drawer-right .p-drawer {\n width: 20rem;\n height: 100%;\n border-inline-start-width: 1px;\n }\n\n .p-drawer-top .p-drawer {\n height: 10rem;\n width: 100%;\n border-block-end-width: 1px;\n }\n\n .p-drawer-bottom .p-drawer {\n height: 10rem;\n width: 100%;\n border-block-start-width: 1px;\n }\n\n .p-drawer-left .p-drawer-content,\n .p-drawer-right .p-drawer-content,\n .p-drawer-top .p-drawer-content,\n .p-drawer-bottom .p-drawer-content {\n width: 100%;\n height: 100%;\n }\n\n .p-drawer-open {\n display: flex;\n }\n\n .p-drawer-mask:dir(rtl) {\n flex-direction: row-reverse;\n }\n\n @keyframes p-animate-drawer-enter-left {\n from {\n transform: translate3d(-100%, 0px, 0px);\n }\n }\n\n @keyframes p-animate-drawer-leave-left {\n to {\n transform: translate3d(-100%, 0px, 0px);\n }\n }\n\n @keyframes p-animate-drawer-enter-right {\n from {\n transform: translate3d(100%, 0px, 0px);\n }\n }\n\n @keyframes p-animate-drawer-leave-right {\n to {\n transform: translate3d(100%, 0px, 0px);\n }\n }\n\n @keyframes p-animate-drawer-enter-top {\n from {\n
|