awatertrevi/infisical
1
0
Fork 0
mirror of https://github.com/awatertrevi/infisical.git synced 2026-10-06 15:27:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

improvements: address feedback 2

Browse Source
This commit is contained in:
Scott Wilson
2025-10-17 14:31:05 -07:00
parent 04828214a4
commit 66b4da50ba
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/v2/Tabs/Tabs.tsx
+4 -4
View File
@@ -10,7 +10,7 @@ export const Tabs = ({ className, children, ...props }: TabsProps) => (
className={twMerge( className={twMerge(
"flex", "flex",
className, className,
props.orientation === "vertical" ? "flex-col lg:flex-row lg:gap-x-12" : "flex-col" props.orientation === "vertical" ? "flex-col xl:flex-row xl:gap-x-12" : "flex-col"
)} )}
{...props} {...props}
> >
@@ -24,7 +24,7 @@ export const TabList = ({ className, children, ...props }: TabListProps) => (
<TabsPrimitive.List <TabsPrimitive.List
className={twMerge( className={twMerge(
"no-scrollbar flex shrink-0 overflow-auto border-b-2 border-mineshaft-800", "no-scrollbar flex shrink-0 overflow-auto border-b-2 border-mineshaft-800",
"data-[orientation=vertical]:lg:flex-col data-[orientation=vertical]:lg:items-start data-[orientation=vertical]:lg:gap-y-6 data-[orientation=vertical]:lg:border-b-0", "data-[orientation=vertical]:xl:flex-col data-[orientation=vertical]:xl:items-start data-[orientation=vertical]:xl:gap-y-6 data-[orientation=vertical]:xl:border-b-0",
className className
)} )}
{...props} {...props}
@@ -49,7 +49,7 @@ export const Tab = ({
className={twMerge( className={twMerge(
"flex h-10 cursor-pointer items-center justify-center border-transparent", "flex h-10 cursor-pointer items-center justify-center border-transparent",
"px-3 text-sm font-medium whitespace-nowrap text-mineshaft-400 transition-all select-none", "px-3 text-sm font-medium whitespace-nowrap text-mineshaft-400 transition-all select-none",
"data-[orientation=vertical]:lg:h-5 data-[orientation=vertical]:lg:border-b-0 data-[orientation=vertical]:lg:border-l", "data-[orientation=vertical]:xl:h-5 data-[orientation=vertical]:xl:border-b-0 data-[orientation=vertical]:xl:border-l",
"border-b hover:text-mineshaft-200", "border-b hover:text-mineshaft-200",
"data-[state=active]:border-mineshaft-400 data-[state=active]:text-white", "data-[state=active]:border-mineshaft-400 data-[state=active]:text-white",
"hover:border-mineshaft-400", "hover:border-mineshaft-400",
@@ -71,7 +71,7 @@ export type TabPanelProps = TabsPrimitive.TabsContentProps;
export const TabPanel = ({ className, children, ...props }: TabPanelProps) => ( export const TabPanel = ({ className, children, ...props }: TabPanelProps) => (
<TabsPrimitive.Content <TabsPrimitive.Content
className={twMerge( className={twMerge(
"grow rounded-br-md rounded-bl-md py-5 outline-hidden data-[orientation=vertical]:lg:py-0", "grow rounded-br-md rounded-bl-md py-5 outline-hidden data-[orientation=vertical]:xl:overflow-x-hidden data-[orientation=vertical]:xl:py-0",
className className
)} )}
{...props} {...props}
frontend/src/pages/secret-manager/OverviewPage/components/SecretTableResourceCount/SecretTableResourceCount.tsx
+1 -1
View File
@@ -25,7 +25,7 @@ export const SecretTableResourceCount = ({
secretRotationCount = 0 secretRotationCount = 0
}: Props) => { }: Props) => {
return ( return (
<div className="flex items-center gap-2 divide-x divide-mineshaft-500 text-sm text-mineshaft-400"> <div className="flex items-center divide-x divide-mineshaft-500 text-sm text-mineshaft-400 [&>*]:pr-2">
{importCount > 0 && ( {importCount > 0 && (
<Tooltip <Tooltip
className="max-w-sm" className="max-w-sm"