admtracksteel/camila
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Ajuste de Formas (Espessura, Cor de Linha e Preenchimento), Alça de Redimensionamento e Ordenamento de Camadas (Z-Index)

Browse Source
This commit is contained in:
admtracksteel
2026-09-03 11:28:55 +00:00
parent 1e9d80b69c
commit e17e358e35
3 changed files with 530 additions and 569 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/style.css
+32 -13
View File
@@ -3988,24 +3988,41 @@ code {
}
.canvas-item.active-item {
border: 2.5px solid #3b82f6 !important;
box-shadow: 0 0 12px rgba(59, 130, 246, 0.4);
z-index: 1000;
outline: 2.5px solid #3b82f6 !important;
outline-offset: 1px;
box-shadow: 0 0 16px rgba(59, 130, 246, 0.45) !important;
}
/* Alça de redimensionamento do card */
.canvas-resize-handle {
position: absolute;
width: 14px;
height: 14px;
width: 16px;
height: 16px;
background: #3b82f6;
border: 2px solid white;
border: 2.5px solid #ffffff;
border-radius: 50%;
bottom: -7px;
right: -7px;
cursor: se-resize;
z-index: 10;
bottom: -8px;
right: -8px;
cursor: nwse-resize;
z-index: 9999;
display: none;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
touch-action: none;
transition: transform 0.15s ease, background-color 0.15s ease;
}
/* Área de toque expandida para facilitar o clique em telas de toque e mouse */
.canvas-resize-handle::after {
content: '';
position: absolute;
inset: -10px;
border-radius: 50%;
}
.canvas-resize-handle:hover,
.canvas-resize-handle:active {
transform: scale(1.35);
background: #10b981;
}
.canvas-item.active-item .canvas-resize-handle {
@@ -4019,6 +4036,7 @@ code {
}
.canvas-item {
border: none !important;
outline: none !important;
box-shadow: none !important;
cursor: default !important;
}
@@ -4043,13 +4061,14 @@ code {
}
.canvas-scene-layer:hover {
border-color: rgba(139, 92, 246, 0.8);
outline: 1.5px dashed rgba(139, 92, 246, 0.7);
box-shadow: 0 0 10px rgba(139, 92, 246, 0.3);
}
.canvas-scene-layer.active-item {
border: 2px dashed #8b5cf6 !important;
box-shadow: 0 0 14px rgba(139, 92, 246, 0.4);
outline: 2.5px dashed #8b5cf6 !important;
outline-offset: 1px;
box-shadow: 0 0 16px rgba(139, 92, 246, 0.5) !important;
}
/* Animação dos dots de loading */