[ENG-642] Minor UI Tweaks (#879)

* UI Tweaks

* Update Link.tsx
This commit is contained in:
ameer2468 2023-05-29 14:54:22 +03:00 committed by GitHub
parent a20f6262fd
commit 0851997b00
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 5 deletions

View file

@ -35,7 +35,9 @@ export default ({
clsx(
styles({ active: isActive, transparent: os === 'macOS' }),
disabled && 'pointer-events-none opacity-50',
className
className,
os === 'browser' &&
'!ring-1 !ring-inset ring-transparent focus:ring-accent focus:!ring-offset-0'
)
}
{...props}

View file

@ -43,8 +43,8 @@ const RulesForm = ({ onSubmitted }: Props) => {
const createIndexerRules = useLibraryMutation(['locations.indexer_rules.create']);
const formId = useId();
const modeOptions: { value: RuleKind; label: string }[] = [
{ value: 'RejectFilesByGlob', label: 'Reject files by glob' },
{ value: 'AcceptFilesByGlob', label: 'Accept files by glob' }
{ value: 'RejectFilesByGlob', label: 'Reject files' },
{ value: 'AcceptFilesByGlob', label: 'Accept files' }
];
const form = useZodForm({
schema,
@ -151,7 +151,7 @@ const RulesForm = ({ onSubmitted }: Props) => {
<h3>Value</h3>
<h3 className="flex items-center justify-center gap-1">
Mode
<Tooltip label="By default, an indexer rule functions as a Reject, resulting in the exclusion of any files that match its criteria. Enabling this option will transform it into a Allow, allowing the location to solely index files that meet its specified rules.">
<Tooltip label="By default, an indexer rule functions as a Reject list, resulting in the exclusion of any files that match its criteria. Enabling this option will transform it into a Allow list, allowing the location to solely index files that meet its specified rules.">
<Info />
</Tooltip>
</h3>
@ -187,7 +187,7 @@ const RulesForm = ({ onSubmitted }: Props) => {
control={form.control}
render={({ field }) => {
return (
<div className="flex w-full flex-col">
<div className="flex flex-col w-full">
<RuleInput
className={clsx(
'!h-[30px]',