additional fixes

This commit is contained in:
Scott Wilson
2025-10-10 11:03:41 -07:00
parent 29b2333781
commit 451d5dbc34
8 changed files with 15 additions and 14 deletions
+1 -1
View File
@@ -101,7 +101,7 @@ const InputField = ({
</button> </button>
)} )}
{blurred && ( {blurred && (
<div className="peer absolute flex h-10 w-fit max-w-xl items-center overflow-hidden text-clip rounded-md text-gray-400/50 group-hover:hidden peer-hover:hidden peer-focus:hidden peer-active:invisible"> <div className="peer absolute flex h-10 w-fit max-w-xl items-center overflow-hidden text-clip rounded-md text-gray-400/50 group-hover:!hidden peer-hover:hidden peer-focus:hidden peer-active:invisible">
<p className="ml-2" /> <p className="ml-2" />
{value {value
.split("") .split("")
@@ -73,6 +73,7 @@ export const createNotification = (
export const NotificationContainer = () => ( export const NotificationContainer = () => (
<ToastContainer <ToastContainer
pauseOnHover pauseOnHover
className="[&>svg]:top-1"
toastClassName="border border-mineshaft-500" toastClassName="border border-mineshaft-500"
style={{ width: "400px" }} style={{ width: "400px" }}
/> />
+1 -1
View File
@@ -116,7 +116,7 @@ const buttonVariants = cva(
colorSchema: "danger", colorSchema: "danger",
variant: "outline_bg", variant: "outline_bg",
className: className:
"bg-mineshaft-600 border border-red-500 hover:bg-red/15 bg-red/10 hover:border-red/40 text-red-500" "bg-mineshaft-600 border border-red-500/40 hover:bg-red/15 bg-red/10 hover:border-red text-red-500"
}, },
{ {
colorSchema: "primary", colorSchema: "primary",
+5 -7
View File
@@ -401,18 +401,16 @@
} }
} }
@layer components { .Toastify__toast {
.Toastify__toast {
@apply rounded-md; @apply rounded-md;
} }
.Toastify__toast-body { .Toastify__toast-body {
@apply items-start; @apply items-start;
} }
.Toastify__toast-icon { .Toastify__toast-icon {
@apply w-4 pt-1; @apply w-4 pt-1;
}
} }
.tags-conic-bg { .tags-conic-bg {
@@ -49,7 +49,7 @@ export const SecretOverviewFolderRow = ({
className={twMerge("hidden group-hover:flex", isSelected && "flex")} className={twMerge("hidden group-hover:flex", isSelected && "flex")}
/> />
<FontAwesomeIcon <FontAwesomeIcon
className={twMerge("block group-hover:hidden", isSelected && "hidden")} className={twMerge("block group-hover:!hidden", isSelected && "!hidden")}
icon={faFolder} icon={faFolder}
/> />
</div> </div>
@@ -133,7 +133,7 @@ export const SecretOverviewTableRow = ({
className={twMerge("hidden group-hover:flex", isSelected && "flex")} className={twMerge("hidden group-hover:flex", isSelected && "flex")}
/> />
<FontAwesomeIcon <FontAwesomeIcon
className={twMerge("block group-hover:hidden", isSelected && "hidden")} className={twMerge("block group-hover:!hidden", isSelected && "!hidden")}
icon={isFormExpanded ? faAngleDown : faKey} icon={isFormExpanded ? faAngleDown : faKey}
/> />
</div> </div>
@@ -253,7 +253,9 @@ export const QuickSearchSecretItem = ({
> >
{secret.value || "EMPTY"} {secret.value || "EMPTY"}
</p> </p>
<p className="w-48 text-sm group-hover:hidden">***************************</p> <p className="w-48 text-sm group-hover:!hidden">
***************************
</p>
</div> </div>
</Tooltip> </Tooltip>
</DropdownMenuItem> </DropdownMenuItem>
@@ -462,8 +462,8 @@ export const SecretItem = memo(
/> />
<FontAwesomeSymbol <FontAwesomeSymbol
className={twMerge( className={twMerge(
"ml-3 block h-3.5 w-3.5 group-hover:hidden", "ml-3 block h-3.5 w-3.5 group-hover:!hidden",
isSelected && "hidden" isSelected && "!hidden"
)} )}
symbolName={FontAwesomeSpriteName.SecretKey} symbolName={FontAwesomeSpriteName.SecretKey}
/> />