72 lines
1.6 KiB
SCSS
72 lines
1.6 KiB
SCSS
:root {
|
|
--pb-custom-window-main-color: #000;
|
|
--pb-custom-window-main-unfocused-color: #000;
|
|
--pb-custom-window-background-color: #000;
|
|
--pb-custom-window-title-color: #fff;
|
|
--pb-custom-window-controls-color: #fff;
|
|
--pb-custom-window-close-control-background: firebrick;
|
|
--pb-custom-window-controls-background: rgba(0,0,0,.25); /* rgba(255,255,255,.25); */
|
|
--pb-custom-window-controls-background-hover: rgba(0,0,0,.5); /* rgba(255,255,255,.5); */
|
|
}
|
|
|
|
.pb-custom-window {
|
|
& > * {
|
|
position: absolute;
|
|
z-index: 500;
|
|
}
|
|
|
|
&-content {
|
|
top: 0 !important;
|
|
left: 0 !important;
|
|
height: 100vh !important;
|
|
width: 100vw !important;
|
|
display: flex;
|
|
flex-direction: column;
|
|
|
|
&::before {
|
|
content: '';
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
height: 37px;
|
|
backdrop-filter: blur(3px);
|
|
z-index: 700;
|
|
background: rgba(0, 0, 0, .5);
|
|
}
|
|
}
|
|
|
|
&-drag-area {
|
|
background: none !important;
|
|
}
|
|
|
|
&-controls {
|
|
background: none !important;
|
|
|
|
.ant-btn-icon-only > * {
|
|
font-size: 22px;
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
|
|
.ant-btn.ant-btn-loading::before {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
&-control-button {
|
|
border-radius: 0;
|
|
}
|
|
|
|
&-title {
|
|
display: none;
|
|
}
|
|
|
|
&-header {
|
|
display: none;
|
|
}
|
|
|
|
&-resize-thumb {
|
|
z-index: 9999;
|
|
}
|
|
}
|