fix: removing borders

facebook · Dec 27, 2024 · 408adc9 · 408adc9
1 parent 93e2b07
commit 408adc9
Showing 1 changed file with 11 additions and 11 deletions.
diff --git a/apps/docs/components/Playground.js b/apps/docs/components/Playground.js
@@ -82,7 +82,6 @@ export default function Playground() {
     },
   ]);
   const [url, setUrl] = useState(null);
-  let [loading] = useState(true);
   const [color] = useState('var(--ifm-color-primary)');
   const [selectedPreviewFile, setSelectedPreviewFile] = useState(null);
   // const [resetPreviewFiles, setResetPreviewFiles] = useState(false);
@@ -420,10 +419,7 @@ export default function Playground() {
       >
         {isSidebarOpen && (!url || error) && (
           <div {...stylex.props(styles.loading)}>
-            <ClipLoader
-              color={color}
-              size={50}
-            />
+            <ClipLoader color={color} size={50} />
           </div>
         )}
         {isSidebarOpen && url && !error && (
@@ -499,23 +495,23 @@ export default function Playground() {
                       >
                         {file.isEditing ? (
                           <input
-                            type="text"
-                            value={editingValue}
-                            onChange={(e) => renameFile(e.target.value)}
                             onBlur={() => disableEditMode(index)}
+                            onChange={(e) => renameFile(e.target.value)}
                             onKeyDown={(e) => {
                               if (e.key === 'Enter') disableEditMode(index);
                             }}
+                            type="text"
+                            value={editingValue}
                             {...stylex.props([
                               styles.tabInput,
                               activeFileIndex === index && styles.editingInput,
                             ])}
                           />
                         ) : (
                           <input
-                            value={file.name}
-                            readOnly={true}
                             onDoubleClick={() => enableEditMode(index)}
+                            readOnly={true}
+                            value={file.name}
                             {...stylex.props(styles.tabInput)}
                           />
                         )}
@@ -688,6 +684,7 @@ const styles = stylex.create({
     display: 'flex',
     alignItems: 'center',
     justifyContent: 'center',
+    borderStyle: 'none',
     marginLeft: '10px',
     backgroundColor: 'transparent',
     cursor: 'pointer',
@@ -728,7 +725,7 @@ const styles = stylex.create({
   directoryText: {
     marginLeft: '8px',
     textAlign: 'left',
-    flex: 1,
+    flex: '1',
   },
   tabList: {
     display: 'flex',
@@ -764,6 +761,7 @@ const styles = stylex.create({
   tabInput: {
     flex: '1',
     backgroundColor: 'transparent',
+    borderStyle: 'none',
     color: 'inherit',
     fontSize: '14px',
     padding: '2px 4px',
@@ -784,6 +782,7 @@ const styles = stylex.create({
     alignItems: 'center',
     justifyContent: 'center',
     marginLeft: '10px',
+    borderStyle: 'none',
     backgroundColor: 'transparent',
     cursor: 'pointer',
     padding: '4px',
@@ -813,6 +812,7 @@ const styles = stylex.create({
     width: '100%',
     height: '100%',
     backgroundColor: '#ffffff',
+    borderStyle: 'none',
   },
   loading: {
     display: 'flex',