feat(Comparisons): finetune indicator

bleech · Sep 27, 2024 · 98f9786 · 98f9786
1 parent dd3d1eb
commit 98f9786
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/components/comparisons/_style.scss b/components/comparisons/_style.scss
@@ -167,6 +167,9 @@
 	}
 
 	&__diff-inidicator {
+		background-color: #f0f0f1;
+		box-sizing: border-box;
+    	border-block: 1px solid transparent;
 		height: 100%;
 		width: 4px;
 	}

diff --git a/components/comparisons/script.js b/components/comparisons/script.js
@@ -137,7 +137,7 @@ class VrtsComparisons extends window.HTMLElement {
 			this.$comparison.naturalWidth,
 			this.$comparison.naturalHeight
 		);
-		ctx.fillStyle = 'red';
+		ctx.fillStyle = '#cc1818';
 		pixels.forEach( ( y ) => {
 			ctx.fillRect( 0, y, ctx.canvas.width, 1 );
 		} );