style bug fixed

Author: developerHub01

src/renderer/src/components/app/collections/request/response/content/EmptyResponse.tsx

@@ -2,7 +2,7 @@ import Empty from "@/components/ui/empty";
 
 const EmptyResponse = () => {
   return (
-    <div className="w-full h-full p-2.5 pt-0">
+    <div className="w-full h-full p-2.5">
       <Empty label="Send a request to see the response here" />
     </div>
   );

src/renderer/src/components/app/header/search/SearchResultItem.tsx

@@ -1,14 +1,10 @@
 import { useCallback } from "react";
 import { cn } from "@/lib/utils";
-import type {
-  RequestListItemInterface,
-  THTTPMethods,
-} from "@shared/types/request-response.types";
-import { FolderClosed as FolderIcon } from "lucide-react";
-import RequestMethodTag from "@/components/app/RequestMethodTag";
+import type { RequestListItemInterface } from "@shared/types/request-response.types";
 import { useAppDispatch } from "@/context/redux/hooks";
 import { handleChangeSelectedTab } from "@/context/redux/request-response/request-response-slice";
 import { expendParentsOnSelectedChangeTabsData } from "@/context/redux/request-response/thunks/tab-list";
+import CollectionTabType from "@/components/app/tab-sidebar/CollectionTabType";
 
 interface Props extends RequestListItemInterface {
   selectedTab?: string | null;
@@ -35,7 +31,7 @@ const SearchResultItem = ({
   return (
     <div
       className={cn(
-        "w-full h-8 cursor-pointer px-3 shrink-0 border-b border-accent",
+        "w-full h-9 cursor-pointer px-3 shrink-0 border-b border-accent",
         {
           "bg-accent hover:bg-accent/80": selectedTab === id,
           "bg-transparent hover:bg-accent/50": selectedTab !== id,
@@ -52,16 +48,12 @@ const SearchResultItem = ({
     >
       <div className="w-full h-full flex items-center gap-2 px-1">
         {(children || method) && (
-          <div className="flex justify-center items-center w-12 shrink-0">
-            {children && <FolderIcon size={16} />}
-            {method && (
-              <RequestMethodTag
-                method={method as THTTPMethods}
-                shortCut={true}
-                className={"w-full"}
-              />
-            )}
-          </div>
+          <CollectionTabType
+            haveChildren={Boolean(children)}
+            isShort={true}
+            method={method}
+            isFlexibleSize={false}
+          />
         )}
         <div className="flex items-center w-full min-w-0">
           <span className="w-full text-sm whitespace-nowrap overflow-hidden text-ellipsis cursor-pointer select-none">

src/renderer/src/components/app/tab-sidebar/horizontal/TabItem.tsx

@@ -142,22 +142,27 @@ const TabItem = memo(({ id, index, className, ...props }: Props) => {
       >
         <CollectionTabType
           haveChildren={Boolean(children)}
-          isShort={false}
+          isShort={true}
           method={method}
         />
         <motion.div
           className={cn(
-            "shrink-0 flex-1",
-            "cursor-pointer flex items-center transition-all duration-300",
+            "flex-1",
+            "cursor-pointer flex items-center transition-all duration-300 overflow-hidden",
             {
               "flex-1": isTabListOpen,
             },
           )}
-          style={{ transformOrigin: "left" }}
+          style={{
+            transformOrigin: "left",
+          }}
           key={id}
-          transition={{ duration: 0.3, ease: "easeInOut" }}
+          transition={{
+            duration: 0.3,
+            ease: "easeInOut",
+          }}
         >
-          <p className="w-full text-xs line-clamp-1">{name}</p>
+          <p className="w-full text-xs truncate line-clamp-1">{name}</p>
         </motion.div>
         <Tooltip>
           <TooltipTrigger asChild>

src/renderer/src/components/app/tab-sidebar/vertical/TabItem.tsx

@@ -137,7 +137,7 @@ const TabItem = memo(({ id, index }: Props) => {
       >
         <CollectionTabType
           haveChildren={Boolean(children)}
-          isShort={!isTabListOpen}
+          isShort={true}
           method={method}
           isFlexibleSize={false}
         />