fixed spectrum canvas size (#1662)

enactjs · Aug 9, 2024 · 716f51b · 716f51b
1 parent ed05176
commit 716f51b
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/ColorPickerPOC/ColorPickerSpectrum.js b/ColorPickerPOC/ColorPickerSpectrum.js
@@ -1,3 +1,4 @@
+import ri from '@enact/ui/resolution';
 import PropTypes from 'prop-types';
 import {useCallback, useEffect, useRef, useState} from 'react';
 
@@ -107,13 +108,13 @@ const SpectrumColorPicker = (props) => {
 		<div className={css.colorPicker}>
 			<canvas
 				ref={canvasRef}
-				height={300}
+				height={ri.scale(600)}
 				onPointerDown={handleCanvasPointerDown}
 				onPointerLeave={handleCanvasPointerLeave}
 				onPointerMove={handleCanvasPointerMove}
 				onPointerUp={handleCanvasPointerUp}
 				style={{touchAction: 'none'}}
-				width={400}
+				width={ri.scale(800)}
 			/>
 			<SpectrumIndicator
 				bgColor={indicatorBgColor}