fix: bug

Co-Authored-By: jorgezreik <[email protected]>

Author: hymhub

components/ResultSection.tsx

@@ -110,7 +110,7 @@ function ResultSection(props: {
                 >
                   {it.resultVal.map((v) => (
                     <span
-                      className="ml-[8px] h-[22px] inline-block overflow-hidden leading-[22px] mb-[6px]"
+                      className="ml-[8px] h-[22px] max-w-[90vw] lgx:max-w-[40vw] inline-block overflow-hidden text-ellipsis leading-[22px] mb-[6px] whitespace-nowrap"
                       key={v.id}
                     >
                       {v.val}

npm/package.json

@@ -1,6 +1,6 @@
 {
   "name": "css-to-tailwind-translator",
-  "version": "1.2.3",
+  "version": "1.2.4",
   "description": "Convert CSS code to Tailwindcss syntax in real time",
   "scripts": {},
   "repository": {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "css-to-tailwind",
-  "version": "1.2.3",
+  "version": "1.2.4",
   "private": true,
   "scripts": {
     "dev": "next dev",
@@ -15,7 +15,7 @@
     "@monaco-editor/react": "^4.4.6",
     "clipboard": "^2.0.11",
     "clsx": "^1.2.1",
-    "css-to-tailwind-translator": "^1.2.3",
+    "css-to-tailwind-translator": "^1.2.4",
     "next": "13.2.4",
     "react": "18.2.0",
     "react-dom": "18.2.0",