Fix: Corregido el input de las sombras.

Giot08 · Dec 17, 2024 · 598f51f · 598f51f
1 parent 28f4394
commit 598f51f
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 14 deletions.
diff --git a/index.html b/index.html
@@ -12,17 +12,17 @@
 
     <!-- Open Graph / Facebook -->
     <meta property="og:type" content="website">
-    <meta property="og:url" content="https://shadow-gen.torme.dev">
+    <meta property="og:url" content="https://shadow-gen.torme.dev/">
     <meta property="og:title" content="CSS Box-Shadow Generator - Generador de Sombras CSS Personalizado">
     <meta property="og:description" content="Genera y visualiza propiedades de box-shadow en tiempo real. Personaliza sombras CSS y obtén el código listo para tus proyectos.">
-    <meta property="og:image" content="https://shadow-gen.torme.dev/preview.png">
+    <meta property="og:image" content="https://shadow-gen.torme.dev//preview.png">
 
     <!-- Twitter -->
     <meta property="twitter:card" content="summary_large_image">
-    <meta property="twitter:url" content="https://shadow-gen.torme.dev">
+    <meta property="twitter:url" content="https://shadow-gen.torme.dev/">
     <meta property="twitter:title" content="CSS Box-Shadow Generator - Generador de Sombras CSS Personalizado">
     <meta property="twitter:description" content="Genera y visualiza propiedades de box-shadow en tiempo real. Personaliza sombras CSS y obtén el código listo para tus proyectos.">
-    <meta property="twitter:image" content="https://shadow-gen.torme.dev/preview.png">
+    <meta property="twitter:image" content="https://shadow-gen.torme.dev//preview.png">
 
     <meta name="author" content="Jose Torres">
     <meta name="robots" content="index, follow">

diff --git a/src/components/Input.jsx b/src/components/Input.jsx
@@ -31,8 +31,8 @@ export const Input = ({ item, setValue }) => {
             min={item.min}
             max={item.max}
             radius='small'
-            onChange={(value) => {
-              setValue(value);
+            onChange={(event) => {
+              setValue(Number(event.target.value), item.label);
             }}
           ></TextField.Root>
         </Box>

diff --git a/src/components/Output.jsx b/src/components/Output.jsx
@@ -5,12 +5,7 @@ export const Output = ({ data }) => {
   return (
     <>
       <Text variant='classic'>
-        .box {"{ \n"}
-        <br />
-        {"    "}{data}
-        <br />
-        {"}"}
-      </Text>
+        .box {"{ "}{data}{" }"}</Text>
     </>
   );
 };

diff --git a/src/hooks/useData.js b/src/hooks/useData.js
@@ -4,9 +4,9 @@ import data from '../data';
 const useData = () => {
   const [inputData, setInputData] = useState([...data]);
   const [shadow, setShadow] = useState(
-    'box-shadow: 10px 10px 10px 10px rgba(0,0,0,.50);',
+    'box-shadow: 10px 10px 10px 10px rgba(0,0,0,1);',
   );
-  const [color, setColor] = useState('0,0,0,.50');
+  const [color, setColor] = useState('0,0,0,1');
   const [values, setValues] = useState('10px 10px 10px 10px');
 
   function handleInputData(val, label) {