Jayden/AFFiNE-Mirror
0
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-08-08 04:36:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore(editor): reorg packages (#10702)

Browse Source
This commit is contained in:
Saul-Mirone
2025-03-08 03:57:04 +00:00
parent 334912e85b
commit 8aedef0a36
961 changed files with 837 additions and 927 deletions
Download Patch File Download Diff File Expand all files Collapse all files
blocksuite/affine/blocks/block-image/src/components/image-selected-rect.ts
+83
View File
@@ -0,0 +1,83 @@
import { html } from 'lit';
const styles = html`<style>
.affine-page-selected-embed-rects-container {
position: absolute;
border: 2px solid var(--affine-primary-color);
left: 0;
top: 0;
width: 100%;
height: calc(100% + 1px);
user-select: none;
pointer-events: none;
box-sizing: border-box;
line-height: 0;
}
.affine-page-selected-embed-rects-container .resize {
position: absolute;
padding: 5px;
pointer-events: auto;
z-index: 1;
}
.affine-page-selected-embed-rects-container .resize-inner {
width: 10px;
height: 10px;
border-radius: 50%;
background: white;
border: 2px solid var(--affine-primary-color);
pointer-events: none;
}
.affine-page-selected-embed-rects-container .resize.top-left {
left: 0;
top: 0;
transform: translate(-50%, -50%);
cursor: nwse-resize; /*resizer cursor*/
}
.affine-page-selected-embed-rects-container .resize.top-right {
right: 0;
top: 0;
transform: translate(50%, -50%);
cursor: nesw-resize;
}
.affine-page-selected-embed-rects-container .resize.bottom-left {
left: 0;
bottom: 0;
transform: translate(-50%, 50%);
cursor: nesw-resize;
}
.affine-page-selected-embed-rects-container .resize.bottom-right {
right: 0;
bottom: 0;
transform: translate(50%, 50%);
cursor: nwse-resize;
}
</style>`;
export function ImageSelectedRect(readonly: boolean) {
if (readonly) {
return html`${styles}
<div
class="affine-page-selected-embed-rects-container resizable resizes"
></div> `;
}
return html`
${styles}
<div class="affine-page-selected-embed-rects-container resizable resizes">
<div class="resize top-left">
<div class="resize-inner"></div>
</div>
<div class="resize top-right">
<div class="resize-inner"></div>
</div>
<div class="resize bottom-left">
<div class="resize-inner"></div>
</div>
<div class="resize bottom-right">
<div class="resize-inner"></div>
</div>
</div>
`;
}