awatertrevi/infisical
1
0
Fork 0
mirror of https://github.com/awatertrevi/infisical.git synced 2026-10-21 10:28:54 +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/OverviewPage/OverviewPage.tsx
+16 -16
View File
@@ -884,7 +884,7 @@ export const OverviewPage = () => {
if (isProjectV3 && visibleEnvs.length > 0 && isOverviewLoading) {
return (
<div className="container mx-auto flex h-screen w-full items-center justify-center px-8 text-mineshaft-50 dark:[color-scheme:dark]">
<div className="container mx-auto flex h-screen w-full items-center justify-center px-8 text-mineshaft-50 dark:scheme-dark">
<Lottie isAutoPlay icon="infisical_loading" className="h-32 w-32" />
</div>
);
@@ -900,7 +900,7 @@ export const OverviewPage = () => {
if (!isProjectV3)
return (
<div className="flex h-full w-full flex-col items-center justify-center px-6 text-mineshaft-50 dark:[color-scheme:dark]">
<div className="flex h-full w-full flex-col items-center justify-center px-6 text-mineshaft-50 dark:scheme-dark">
<SecretV2MigrationSection />
</div>
);
@@ -911,7 +911,7 @@ export const OverviewPage = () => {
<meta property="og:title" content={String(t("dashboard.og-title"))} />
<meta name="og:description" content={String(t("dashboard.og-description"))} />
</Helmet>
<div className="relative mx-auto max-w-7xl text-mineshaft-50 dark:[color-scheme:dark]">
<div className="relative mx-auto max-w-7xl text-mineshaft-50 dark:scheme-dark">
<div className="flex w-full items-baseline justify-between">
<PageHeader
title="Secrets Overview"
@@ -980,7 +980,7 @@ export const OverviewPage = () => {
size="sm"
variant="outline_bg"
className={twMerge(
"flex h-[2.5rem]",
"flex h-10",
isTableFiltered && "border-primary/40 bg-primary/10"
)}
leftIcon={
@@ -994,7 +994,7 @@ export const OverviewPage = () => {
</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}
>
@@ -1204,7 +1204,7 @@ export const OverviewPage = () => {
<div ref={tableRef} className="mt-4">
<TableContainer
onScroll={(e) => setScrollOffset(e.currentTarget.scrollLeft)}
className="thin-scrollbar max-h-[66vh] overflow-y-auto rounded-b-none"
className="max-h-[66vh] thin-scrollbar overflow-y-auto rounded-b-none"
>
<Table>
<THead
@@ -1221,7 +1221,7 @@ export const OverviewPage = () => {
>
<div
className={twMerge(
"flex h-full border-b border-mineshaft-600 pb-3 pl-3 pr-5",
"flex h-full border-b border-mineshaft-600 pr-5 pb-3 pl-3",
!collapseEnvironments && "border-r pt-3.5"
)}
>
@@ -1238,7 +1238,7 @@ export const OverviewPage = () => {
: ""
}
>
<div className="ml-2 mr-4">
<div className="mr-4 ml-2">
<Checkbox
isDisabled={totalCount === 0}
id="checkbox-select-all-rows"
@@ -1276,7 +1276,7 @@ export const OverviewPage = () => {
ariaLabel="Toggle Environment View"
variant="plain"
colorSchema="secondary"
className="ml-auto mt-auto h-min p-1"
className="mt-auto ml-auto h-min p-1"
onClick={handleToggleNarrowHeader}
>
<FontAwesomeIcon
@@ -1297,14 +1297,14 @@ export const OverviewPage = () => {
<Th
className={twMerge(
"min-table-row border-b-0 p-0 text-xs",
collapseEnvironments && index === visibleEnvs.length - 1 && "!mr-8",
!collapseEnvironments && "min-w-[11rem] text-center"
collapseEnvironments && index === visibleEnvs.length - 1 && "mr-8!",
!collapseEnvironments && "min-w-44 text-center"
)}
style={
collapseEnvironments
? {
height: headerHeight,
width: "w-[1rem]"
width: "w-4"
}
: undefined
}
@@ -1331,7 +1331,7 @@ export const OverviewPage = () => {
"border-b border-mineshaft-600",
collapseEnvironments
? "relative"
: "flex items-center justify-center px-5 pb-[0.82rem] pt-3.5",
: "flex items-center justify-center px-5 pt-3.5 pb-[0.82rem]",
collapseEnvironments && isLast && "overflow-clip"
)}
style={{
@@ -1374,7 +1374,7 @@ export const OverviewPage = () => {
className="max-w-none lowercase"
content={`${missingKeyCount} secrets missing\n compared to other environments`}
>
<div className="ml-2 flex h-[1.1rem] cursor-default items-center justify-center rounded-sm border border-red-400 bg-red-600 p-1 text-xs font-medium text-bunker-100">
<div className="ml-2 flex h-[1.1rem] cursor-default items-center justify-center rounded-xs border border-red-400 bg-red-600 p-1 text-xs font-medium text-bunker-100">
<span className="text-bunker-100">{missingKeyCount}</span>
</div>
</Tooltip>
@@ -1541,7 +1541,7 @@ export const OverviewPage = () => {
<Tr className="sticky bottom-0 z-10 border-0 bg-mineshaft-800">
<Td className="sticky left-0 z-10 border-0 bg-mineshaft-800 p-0">
<div
className="w-full border-r border-t border-mineshaft-600"
className="w-full border-t border-r border-mineshaft-600"
style={{ height: "45px" }}
/>
</Td>
@@ -1561,7 +1561,7 @@ export const OverviewPage = () => {
ariaLabel="Explore Environment"
size="xs"
variant="outline_bg"
className="mx-auto h-[1.76rem] rounded"
className="mx-auto h-[1.76rem] rounded-sm"
onClick={() => handleExploreEnvClick(slug)}
>
<FontAwesomeIcon icon={faArrowRightToBracket} />