awatertrevi/infisical
1
0
Fork 0
mirror of https://github.com/awatertrevi/infisical.git synced 2026-10-21 21:28:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: upgraded to tw v4

Browse Source
This commit is contained in:
=
2025-10-09 22:37:42 +05:30
parent 2da35b389d
commit 7b0a51f5cf
669 changed files with 2856 additions and 3143 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/pages/secret-manager/SecretDashboardPage/components/CompareEnvironments/CompareEnvironments.tsx
+9 -9
View File
@@ -303,7 +303,7 @@ export const CompareEnvironments = ({ secretPath }: Props) => {
onChangePerPage={handlePerPageChange}
/>
)}
<div className="thin-scrollbar flex flex-1 flex-col overflow-y-auto">
<div className="flex thin-scrollbar flex-1 flex-col overflow-y-auto">
<TableContainer
ref={tableRef}
className={twMerge(
@@ -344,14 +344,14 @@ export const CompareEnvironments = ({ secretPath }: Props) => {
}`}
onMouseDown={handleMouseDown}
/>
<div className="pointer-events-none absolute -right-[0.02rem] top-[0.67rem] z-30">
<div className="pointer-events-none absolute top-[0.67rem] -right-[0.02rem] z-30">
<div className="h-5 w-0.5 rounded-[1.5px] bg-gray-400 opacity-50" />
</div>
<div className="flex h-full items-center border-b-2 border-r border-mineshaft-500 bg-mineshaft-700 bg-clip-padding p-0 px-4 py-2.5 text-sm normal-case">
<div className="flex h-full items-center border-r border-b-2 border-mineshaft-500 bg-mineshaft-700 bg-clip-padding p-0 px-4 py-2.5 text-sm normal-case">
Name
<IconButton
variant="plain"
className="ml-1 mt-[0.1rem]"
className="mt-[0.1rem] ml-1"
ariaLabel="sort"
onClick={() =>
setOrderDirection((prev) =>
@@ -376,7 +376,7 @@ export const CompareEnvironments = ({ secretPath }: Props) => {
return (
<Th
className="whitespace-nowrap border-none p-0 text-center"
className="border-none p-0 text-center whitespace-nowrap"
key={`environment-${slug}`}
>
<div
@@ -398,7 +398,7 @@ export const CompareEnvironments = ({ secretPath }: Props) => {
>
<Badge
variant="primary"
className="-mt-[0.05rem] flex h-4 items-center gap-x-1 pt-[0.1rem] font-normal leading-3"
className="-mt-[0.05rem] flex h-4 items-center gap-x-1 pt-[0.1rem] leading-3 font-normal"
>
<FontAwesomeIcon icon={faWarning} className="-mt-[0.1rem] w-2.5" />
{missingKeyCount}
@@ -499,7 +499,7 @@ export const CompareEnvironments = ({ secretPath }: Props) => {
size="sm"
variant="outline_bg"
className={twMerge(
"flex h-[2.5rem]",
"flex h-10",
isTableFiltered && "border-primary/40 bg-primary/10"
)}
leftIcon={
@@ -513,7 +513,7 @@ export const CompareEnvironments = ({ secretPath }: Props) => {
</Button>
</DropdownMenuTrigger>
<DropdownMenuContent
className="thin-scrollbar max-h-[70vh] overflow-y-auto"
className="max-h-[70vh] thin-scrollbar overflow-y-auto"
align="end"
sideOffset={2}
>
@@ -574,7 +574,7 @@ export const CompareEnvironments = ({ secretPath }: Props) => {
</DropdownMenu>
)}
</div>
<div className="!z-[99999999]">
<div className="z-99999999!">
<FormLabel label="Select Environments to Compare" />
<FilterableSelect
value={selectedEnvironments}
frontend/src/pages/secret-manager/SecretDashboardPage/components/CompareEnvironments/components/SecretRotationRow/SecretRotationRow.tsx
+6 -6
View File
@@ -76,7 +76,7 @@ export const SecretRotationRow = ({
style={{ minWidth: tableWidth, maxWidth: tableWidth }}
className="sticky left-0 bg-clip-padding px-0 py-0"
>
<div className="flex !h-[40px] items-center justify-between gap-x-2 bg-mineshaft-800 px-4">
<div className="flex h-[40px]! items-center justify-between gap-x-2 bg-mineshaft-800 px-4">
<div className="w-full">
<div className="flex w-full flex-wrap items-center gap-x-2.5">
<span>{envName}</span>
@@ -110,7 +110,7 @@ export const SecretRotationRow = ({
</Tooltip>
</div>
<TableContainer className="rounded-none border-0">
<table className="secret-table w-full border-b-0 !bg-mineshaft-900">
<table className="secret-table w-full border-b-0 bg-mineshaft-900!">
<tbody className="!last:border-b-0 w-full border-t-2 border-mineshaft-600">
{secrets.map((secret, index) => {
return (
@@ -129,7 +129,7 @@ export const SecretRotationRow = ({
style={{
width: colWidth
}}
className="!h-[1px] border-none !p-0"
className="h-px! border-none p-0!"
>
<div
className="flex h-full flex-1 items-center border-r border-mineshaft-500 px-4 py-1"
@@ -137,15 +137,15 @@ export const SecretRotationRow = ({
width: colWidth
}}
>
<span className={twMerge(!secret && "blur", "truncate")}>
<span className={twMerge(!secret && "blur-sm", "truncate")}>
{secret?.key ?? "********"}
</span>
</div>
</td>
<td className="!h-[40px] !px-4">
<td className="h-[40px]! px-4!">
{/* eslint-disable-next-line no-nested-ternary */}
{!secret ? (
<div className="h-full pl-4 blur">********</div>
<div className="h-full pl-4 blur-sm">********</div>
) : secret.secretValueHidden ? (
<Blur
className="py-0"
frontend/src/pages/secret-manager/SecretDashboardPage/components/CompareEnvironments/components/SecretRow/EnvironmentSecretRow.tsx
+1 -1
View File
@@ -30,7 +30,7 @@ export const EnvironmentSecretRow = ({
<FontAwesomeIcon className="pl-2" size="sm" icon={faEyeSlash} />
</Tooltip>
)}
<div className="flex-1 pl-3 pr-2">
<div className="flex-1 pr-2 pl-3">
<InfisicalSecretInput
onChange={() => {}}
isReadOnly
frontend/src/pages/secret-manager/SecretDashboardPage/components/CompareEnvironments/components/SecretRow/SecretRow.tsx
+3 -3
View File
@@ -143,7 +143,7 @@ export const SecretRow = ({
<th style={{ padding: "0.5rem 1rem" }} className="border-none">
Value
</th>
<div className="absolute right-3 top-[4px] ml-auto mr-1 mt-1 w-min">
<div className="absolute top-[4px] right-3 mt-1 mr-1 ml-auto w-min">
<Tooltip
side="left"
content={isSecretVisible ? "Hide Values" : "Reveal Values"}
@@ -173,7 +173,7 @@ export const SecretRow = ({
className="h-full hover:bg-mineshaft-700/70"
>
<td
className="h-[1px] border-none !p-0"
className="h-px border-none p-0!"
style={{
width: colWidth
}}
@@ -183,7 +183,7 @@ export const SecretRow = ({
style={{
width: colWidth
}}
className="flex h-full min-h-[40px] w-[8rem] items-center space-x-2 border-r border-mineshaft-500 px-4"
className="flex h-full min-h-[40px] w-32 items-center space-x-2 border-r border-mineshaft-500 px-4"
>
<span className="truncate">{name}</span>
{isImportedSecret && (