permissioning style update

This commit is contained in:
Vladyslav Matsiiako
2023-09-08 20:05:02 -07:00
parent 305ddd3813
commit 110153385b
3 changed files with 4 additions and 4 deletions
+2 -2
View File
@@ -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}
@@ -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>
@@ -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>