update mobile view

This commit is contained in:
Vladyslav Matsiiako
2024-07-07 08:49:05 -07:00
parent 35be8e1912
commit f591f6d428
2 changed files with 5 additions and 5 deletions
@@ -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"
@@ -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