diff --git a/development/logo_maker_plugin.zip b/development/logo_maker_plugin.zip index fe9e8c3..53d2836 100644 Binary files a/development/logo_maker_plugin.zip and b/development/logo_maker_plugin.zip differ diff --git a/src/assets/styles/Creator/select-logo.scss b/src/assets/styles/Creator/select-logo.scss index d9d3421..5bcfe46 100644 --- a/src/assets/styles/Creator/select-logo.scss +++ b/src/assets/styles/Creator/select-logo.scss @@ -23,11 +23,11 @@ margin: 5px 0px; .slider { - min-width: 250px; + min-width: 230px; -webkit-appearance: none; /* Override default CSS styles */ appearance: none; width: 100%; /* Full-width */ - height: 20px; /* Specified height */ + height: 15px; /* Specified height */ background: #d3d3d3; /* Grey background */ outline: none; /* Remove outline */ opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */ @@ -43,31 +43,32 @@ .slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; - width: 30px; - height: 30px; + width: 26px; + height: 26px; background: #43C2D1; cursor: pointer; border-radius: 50%; } .slider::-moz-range-thumb { - width: 30px; - height: 30px; + width: 26px; + height: 26px; background: #43C2D1; cursor: pointer; border-radius: 50%; } label { - font-family: monospace; + font-family: 'Courier New', Courier, monospace; margin: 4px; padding: 5px 10px; - min-width: 60px; background-color: #43C2D1; color: white; border-radius: 5px; text-align: center; - font-size: larger; + font-size: 18px; + line-height: 1; + font-weight: 500; } } diff --git a/src/components/ui/SelectLogo.tsx b/src/components/ui/SelectLogo.tsx index 6548bff..51069ff 100644 --- a/src/components/ui/SelectLogo.tsx +++ b/src/components/ui/SelectLogo.tsx @@ -50,6 +50,7 @@ const SelectLogo: React.FunctionComponent = () => { min="0.5" max="2" step="0.1" + value={scaleLogo} onChange={(e) => { setScale(parseFloat(e.target.value)) }}