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

View File

@@ -101,7 +101,7 @@ const InputField = ({
</button>
)}
{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" />
{value
.split("")

View File

@@ -73,6 +73,7 @@ export const createNotification = (
export const NotificationContainer = () => (
<ToastContainer
pauseOnHover
className="[&>svg]:top-1"
toastClassName="border border-mineshaft-500"
style={{ width: "400px" }}
/>

View File

@@ -116,7 +116,7 @@ const buttonVariants = cva(
colorSchema: "danger",
variant: "outline_bg",
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",

View File

@@ -401,18 +401,16 @@
}
}
@layer components {
.Toastify__toast {
.Toastify__toast {
@apply rounded-md;
}
}
.Toastify__toast-body {
.Toastify__toast-body {
@apply items-start;
}
}
.Toastify__toast-icon {
.Toastify__toast-icon {
@apply w-4 pt-1;
}
}
.tags-conic-bg {

View File

@@ -49,7 +49,7 @@ export const SecretOverviewFolderRow = ({
className={twMerge("hidden group-hover:flex", isSelected && "flex")}
/>
<FontAwesomeIcon
className={twMerge("block group-hover:hidden", isSelected && "hidden")}
className={twMerge("block group-hover:!hidden", isSelected && "!hidden")}
icon={faFolder}
/>
</div>

View File

@@ -133,7 +133,7 @@ export const SecretOverviewTableRow = ({
className={twMerge("hidden group-hover:flex", isSelected && "flex")}
/>
<FontAwesomeIcon
className={twMerge("block group-hover:hidden", isSelected && "hidden")}
className={twMerge("block group-hover:!hidden", isSelected && "!hidden")}
icon={isFormExpanded ? faAngleDown : faKey}
/>
</div>

View File

@@ -253,7 +253,9 @@ export const QuickSearchSecretItem = ({
>
{secret.value || "EMPTY"}
</p>
<p className="w-48 text-sm group-hover:hidden">***************************</p>
<p className="w-48 text-sm group-hover:!hidden">
***************************
</p>
</div>
</Tooltip>
</DropdownMenuItem>

View File

@@ -462,8 +462,8 @@ export const SecretItem = memo(
/>
<FontAwesomeSymbol
className={twMerge(
"ml-3 block h-3.5 w-3.5 group-hover:hidden",
isSelected && "hidden"
"ml-3 block h-3.5 w-3.5 group-hover:!hidden",
isSelected && "!hidden"
)}
symbolName={FontAwesomeSpriteName.SecretKey}
/>