Tldraw/apps/examples/src/examples/pdf-editor/pdf-editor.css

67 wiersze
1.2 KiB
CSS

.PdfEditor {
position: absolute;
inset: 0;
}
.PdfEditor .PdfPicker {
position: absolute;
inset: 1rem;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
flex-direction: column;
gap: 1rem;
}
.PdfEditor .PdfPicker button {
padding: 0.5rem 1rem;
border: none;
background: #eee;
cursor: pointer;
font: inherit;
}
.PdfEditor .PdfPicker button:hover {
opacity: 0.9;
}
.PdfEditor .PdfBgRenderer {
position: absolute;
pointer-events: none;
}
.PdfEditor .PdfBgRenderer img {
position: absolute;
}
.PdfEditor .PageOverlayScreen-screen {
pointer-events: none;
z-index: -1;
fill: var(--color-background);
fill-opacity: 0.8;
stroke: none;
}
.PdfEditor .PageOverlayScreen-outline {
position: absolute;
pointer-events: none;
z-index: -1;
/* border: 1px solid var(--color-overlay); */
box-shadow: var(--shadow-2);
}
.PdfEditor .ExportPdfButton {
font: inherit;
background: var(--color-primary);
border: none;
color: var(--color-selected-contrast);
font-size: 1rem;
padding: 0.5rem 1rem;
border-radius: 6px;
margin: 6px;
margin-bottom: 0;
pointer-events: all;
z-index: var(--layer-panels);
border: 2px solid var(--color-background);
cursor: pointer;
}
.PdfEditor .ExportPdfButton:hover {
filter: brightness(1.1);
}