mirror of
https://github.com/awatertrevi/infisical.git
synced 2026-10-07 17:27:40 +00:00
permissioning style update
This commit is contained in:
@@ -25,7 +25,7 @@ export type TabProps = TabsPrimitive.TabsTriggerProps;
|
|||||||
export const Tab = ({ className, children, ...props }: TabProps) => (
|
export const Tab = ({ className, children, ...props }: TabProps) => (
|
||||||
<TabsPrimitive.Trigger
|
<TabsPrimitive.Trigger
|
||||||
className={twMerge(
|
className={twMerge(
|
||||||
"px-5 h-11 flex items-center justify-center select-none first:rounded-tl-md last:rounded-tr-md hover:text-primary text-mineshaft-400 transition-all data-[state=active]:text-white data-[state=active]:border-b data-[state=active]:border-primary",
|
"px-3 h-10 font-medium text-sm flex items-center justify-center select-none first:rounded-tl-md last:rounded-tr-md hover:text-mineshaft-200 text-mineshaft-400 transition-all data-[state=active]:text-white data-[state=active]:border-b data-[state=active]:border-primary",
|
||||||
className
|
className
|
||||||
)}
|
)}
|
||||||
{...props}
|
{...props}
|
||||||
@@ -38,7 +38,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("outline-none flex-grow p-5 rounded-bl-md rounded-br-md", className)}
|
className={twMerge("outline-none flex-grow py-5 rounded-bl-md rounded-br-md", className)}
|
||||||
{...props}
|
{...props}
|
||||||
>
|
>
|
||||||
{children}
|
{children}
|
||||||
|
|||||||
+1
-1
@@ -192,7 +192,7 @@ export const OrgRoleModifySection = ({ role, onGoBack }: Props) => {
|
|||||||
>
|
>
|
||||||
<Input {...register("description")} isReadOnly={isNonEditable} />
|
<Input {...register("description")} isReadOnly={isNonEditable} />
|
||||||
</FormControl>
|
</FormControl>
|
||||||
<div className="flex justify-between items-center pt-4 border-t border-t-mineshaft-800">
|
<div className="flex justify-between items-center pt-6 border-t border-t-mineshaft-800">
|
||||||
<div>
|
<div>
|
||||||
<h2 className="text-xl font-medium">Add Permission</h2>
|
<h2 className="text-xl font-medium">Add Permission</h2>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
+1
-1
@@ -224,7 +224,7 @@ export const ProjectRoleModifySection = ({ role, onGoBack }: Props) => {
|
|||||||
>
|
>
|
||||||
<Input {...register("description")} isReadOnly={isNonEditable} />
|
<Input {...register("description")} isReadOnly={isNonEditable} />
|
||||||
</FormControl>
|
</FormControl>
|
||||||
<div className="flex justify-between items-center pt-4 border-t border-t-mineshaft-800">
|
<div className="flex justify-between items-center pt-6 border-t border-t-mineshaft-800">
|
||||||
<div>
|
<div>
|
||||||
<h2 className="text-xl font-medium">Add Permission</h2>
|
<h2 className="text-xl font-medium">Add Permission</h2>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user