Ryan/documenso
1
0
Fork 1
mirror of https://github.com/documenso/documenso.git synced 2025-11-12 07:43:16 +10:00
Code Issues Packages Projects Releases Wiki Activity

stuff

Browse Source
This commit is contained in:
Timur Ercan
2023-01-12 13:21:32 +01:00
parent 444108ce36
commit b37da8c25b
2 changed files with 12 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
apps/web/components/settings.tsx
View File

@ -188,7 +188,7 @@ export default function Setttings() {
htmlFor="first-name"
className="block text-sm font-medium text-gray-700"
>
First name
Full Name
</label>
<input
type="text"
@ -198,89 +198,25 @@ export default function Setttings() {
className="mt-1 block w-full rounded-md border border-gray-300 py-2 px-3 shadow-sm focus:border-neon focus:outline-none focus:ring-neon sm:text-sm"
/>
</div>
<div className="col-span-12 sm:col-span-6">
<label
htmlFor="last-name"
htmlFor="first-name"
className="block text-sm font-medium text-gray-700"
>
Last name
Email
</label>
<input
disabled
value={user.email}
type="text"
name="last-name"
id="last-name"
autoComplete="family-name"
name="first-name"
id="first-name"
autoComplete="given-name"
className="mt-1 block w-full rounded-md border border-gray-300 py-2 px-3 shadow-sm focus:border-neon focus:outline-none focus:ring-neon sm:text-sm"
/>
</div>
</div>
</div>
{/* Privacy section */}
<div className="divide-y divide-gray-200 pt-6">
<div className="px-4 sm:px-6">
<div>
<h2 className="text-lg font-medium leading-6 text-gray-900">
Privacy
</h2>
<p className="mt-1 text-sm text-gray-500">
Ornare eu a volutpat eget vulputate. Fringilla commodo
amet.
</p>
</div>
<ul role="list" className="mt-2 divide-y divide-gray-200">
<Switch.Group
as="li"
className="flex items-center justify-between py-4"
>
<div className="flex flex-col">
<Switch.Label
as="p"
className="text-sm font-medium text-gray-900"
passive
>
Available to hire
</Switch.Label>
<Switch.Description className="text-sm text-gray-500">
Nulla amet tempus sit accumsan. Aliquet turpis sed sit
lacinia.
</Switch.Description>
</div>
<Switch
checked={availableToHire}
onChange={setAvailableToHire}
className={classNames(
availableToHire ? "bg-teal-500" : "bg-gray-200",
"relative ml-4 inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-neon focus:ring-offset-2"
)}
>
<span
aria-hidden="true"
className={classNames(
availableToHire ? "translate-x-5" : "translate-x-0",
"inline-block h-5 w-5 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out"
)}
/>
</Switch>
</Switch.Group>
</ul>
</div>
<div className="mt-4 flex justify-end py-4 px-4 sm:px-6">
<button
type="button"
className="inline-flex justify-center rounded-md border border-gray-300 bg-white py-2 px-4 text-sm font-medium text-gray-700 shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-neon focus:ring-offset-2"
>
Cancel
</button>
<button
type="submit"
className="ml-5 inline-flex justify-center rounded-md border border-transparent bg-sky-700 py-2 px-4 text-sm font-medium text-white shadow-sm hover:bg-sky-800 focus:outline-none focus:ring-2 focus:ring-neon focus:ring-offset-2"
>
Save
</button>
</div>
</div>
</form>
</div>
</div>

4
apps/web/pages/dashboard.tsx
View File

@ -87,6 +87,9 @@ const DashboardPage: NextPageWithLayout = () => {
<div className="mt-12">
<button
type="button"
onClick={() => {
document?.getElementById("fileUploadHelper")?.click();
}}
className="relative block w-full rounded-lg border-2 border-dashed border-gray-300 p-12 text-center hover:border-neon focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2"
>
<svg
@ -106,6 +109,7 @@ const DashboardPage: NextPageWithLayout = () => {
Upload a new document
</span>
</button>
<input id="fileUploadHelper" type="file" hidden />
</div>
</div>
</>