fix: lifted tab css (#89)

j4k0xb · Jun 7, 2024 · f6df5f2 · f6df5f2
1 parent 9440b92
commit f6df5f2
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/apps/playground/src/components/Tab.tsx b/apps/playground/src/components/Tab.tsx
@@ -10,14 +10,14 @@ interface Props {
 export default function Tab(props: Props) {
   return (
     <a
-      class="tab flex-nowrap justify-between min-w-[120px] !pr-1 whitespace-nowrap"
+      class="tab flex-nowrap min-w-[120px] whitespace-nowrap"
       classList={{ 'tab-active': props.active, 'bg-base-200': !props.active }}
       title={props.path}
       onClick={props.onClick}
     >
       <span class="max-w-[200px] truncate">{basename(props.path)}</span>
       <button
-        class="btn btn-xs btn-ghost btn-circle ml-2"
+        class="btn btn-xs btn-ghost btn-circle ml-auto !translate-x-2"
         title="Close tab"
         onClick={(e) => {
           e.stopPropagation();