gkucmierz/tools-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(qr): make gradient edit handles and lines thin black with delicate white glow

Browse Source
This commit is contained in:
Grzegorz Kucmierz
2026-03-04 03:27:31 +00:00
parent 805b986a7b
commit 52024ad7c6
1 changed files with 8 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/components/tools/QrCode.vue
View File

@@ -498,34 +498,21 @@ const triggerDownload = (blob, filename) => {
cursor: grab;
z-index: 10;
touch-action: none;
background: var(--text-strong);
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.8), 0 0 8px 2px rgba(255, 255, 255, 0.6);
background: #000;
box-shadow: 0 0 0 1.5px rgba(255, 255, 255, 1), 0 0 8px 2px rgba(255, 255, 255, 0.8);
}
.grad-handle:active {
cursor: grabbing;
}
.fg-handle {
background: var(--text-strong);
}
.fg-handle { }
.bg-handle { }
.bg-handle {
background: var(--text-secondary);
}
.fg-line {
stroke: var(--text-strong);
stroke-width: 1.5;
stroke-dasharray: 4;
filter: drop-shadow(0px 0px 2px rgba(255,255,255,1));
}
.bg-line {
stroke: var(--text-secondary);
stroke-width: 1.5;
stroke-dasharray: 2;
filter: drop-shadow(0px 0px 2px rgba(255,255,255,1));
.fg-line, .bg-line {
stroke: #000;
stroke-width: 0.5;
filter: drop-shadow(0px 0px 2px rgba(255,255,255,0.9));
}
.download-settings {