awatertrevi/infisical
1
0
Fork 0
mirror of https://github.com/awatertrevi/infisical.git synced 2026-10-08 02:27:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #2084 from Infisical/secret-sharing-ui-update

Browse Source
This commit is contained in:
Maidul Islam
2024-07-07 11:53:19 -04:00
committed by GitHub
parent 795b533fce 98ef1614c6
commit 5eba61b647
3 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/views/ShareSecretPage/components/AddShareSecretForm.tsx
+4 -4
View File
@@ -118,7 +118,7 @@ export const AddShareSecretForm = ({
} }
}; };
return ( return (
<form className="flex w-full flex-col items-center" onSubmit={handleSubmit(onFormSubmit)}> <form className="flex w-full flex-col items-center px-4 sm:px-0" onSubmit={handleSubmit(onFormSubmit)}>
<div <div
className={`w-full ${!inModal && "rounded-md border border-mineshaft-600 bg-mineshaft-800 p-6"}`} className={`w-full ${!inModal && "rounded-md border border-mineshaft-600 bg-mineshaft-800 p-6"}`}
> >
@@ -143,7 +143,7 @@ export const AddShareSecretForm = ({
)} )}
/> />
</div> </div>
<div className="flex w-full flex-row justify-start"> <div className="flex w-full flex-col md:flex-row justify-start">
<div className="flex justify-start"> <div className="flex justify-start">
<div className="flex justify-start"> <div className="flex justify-start">
<div className="flex w-full justify-center pr-2"> <div className="flex w-full justify-center pr-2">
@@ -188,10 +188,10 @@ export const AddShareSecretForm = ({
</div> </div>
</div> </div>
</div> </div>
<div className="sm:w-1/7 mx-auto hidden items-center justify-center px-6 sm:flex"> <div className="sm:w-1/7 mx-auto items-center justify-center px-6 hidden md:flex">
<p className="px-4 mt-2 text-sm text-gray-400">AND</p> <p className="px-4 mt-2 text-sm text-gray-400">AND</p>
</div> </div>
<div className="flex items-center pt-2"> <div className="items-center pb-4 md:pb-0 md:pt-2 flex">
<Controller <Controller
control={control} control={control}
name="expiresAfterViews" name="expiresAfterViews"
frontend/src/views/ShareSecretPublicPage/ShareSecretPublicPage.tsx
+1 -1
View File
@@ -125,7 +125,7 @@ export const ShareSecretPublicPage = ({ isNewSession }: { isNewSession: boolean
<div className="m-auto my-6 flex w-full max-w-xl justify-center px-8 px-4 sm:my-8"> <div className="m-auto my-6 flex w-full max-w-xl justify-center px-8 px-4 sm:my-8">
<div className="w-full border-t border-mineshaft-600" /> <div className="w-full border-t border-mineshaft-600" />
</div> </div>
<div className="flex flex-col justify-center items-center m-auto max-w-2xl px-6"> <div className="flex flex-col justify-center items-center m-auto max-w-2xl px-4 sm:px-6">
<div className="m-auto mb-12 flex flex max-w-2xl w-full flex-col justify-center rounded-md border border-primary-500/30 bg-primary/5 p-6 pt-5"> <div className="m-auto mb-12 flex flex max-w-2xl w-full flex-col justify-center rounded-md border border-primary-500/30 bg-primary/5 p-6 pt-5">
<p className="pb-2 font-semibold text-mineshaft-100 md:pb-3 text-lg md:text-xl w-full"> <p className="pb-2 font-semibold text-mineshaft-100 md:pb-3 text-lg md:text-xl w-full">
Open source <span className="bg-clip-text text-transparent bg-gradient-to-tr from-yellow-500 to-primary-500">secret management</span> for developers Open source <span className="bg-clip-text text-transparent bg-gradient-to-tr from-yellow-500 to-primary-500">secret management</span> for developers
frontend/src/views/ShareSecretPublicPage/components/SecretTable.tsx
+1 -1
View File
@@ -26,7 +26,7 @@ export const SecretTable = ({
</Tr> </Tr>
)} )}
{!isLoading && decryptedSecret && ( {!isLoading && decryptedSecret && (
<div className="dark relative flex h-full w-full items-center overflow-y-auto border border-mineshaft-700 bg-mineshaft-900 rounded-md p-3 pr-2"> <div className="dark relative flex h-full w-full items-center overflow-y-auto border border-mineshaft-700 bg-mineshaft-900 rounded-md p-2 md:p-3 pr-2">
<div className="thin-scrollbar flex h-full max-h-44 w-full flex-1 overflow-y-scroll break-words pr-4 dark:[color-scheme:dark]"> <div className="thin-scrollbar flex h-full max-h-44 w-full flex-1 overflow-y-scroll break-words pr-4 dark:[color-scheme:dark]">
<div className="align-center flex w-full min-w-full whitespace-pre-line"> <div className="align-center flex w-full min-w-full whitespace-pre-line">
{decryptedSecret} {decryptedSecret}