remove photo change ui

This commit is contained in:
Timur Ercan
2023-01-19 14:24:38 +01:00
parent 3785d89550
commit 8f0e4bf1eb

View File

@ -115,70 +115,6 @@ export default function Setttings() {
</p>
</div>
<div className="mt-6 flex flex-col lg:flex-row">
<div className="mt-6 flex-grow lg:mt-0 lg:ml-6 lg:flex-shrink-0 lg:flex-grow-0">
<p
className="text-sm font-medium text-gray-700"
aria-hidden="true"
>
Photo
</p>
<div className="mt-1 lg:hidden">
<div className="flex items-center">
<div
className="inline-block h-12 w-12 flex-shrink-0 overflow-hidden rounded-full"
aria-hidden="true"
>
<div
dangerouslySetInnerHTML={{
__html: avatarFromInitials("Timur Ercan", 48),
}}
/>
</div>
<div className="ml-5 rounded-md shadow-sm">
<div className="group relative flex items-center justify-center rounded-md border border-gray-300 py-2 px-3 focus-within:ring-2 focus-within:ring-sky-500 focus-within:ring-offset-2 hover:bg-gray-50">
<label
htmlFor="mobile-user-photo"
className="pointer-events-none relative text-sm font-medium leading-4 text-gray-700"
>
<span>Change</span>
<span className="sr-only"> user photo</span>
</label>
<input
id="mobile-user-photo"
name="user-photo"
type="file"
className="absolute h-full w-full cursor-pointer rounded-md border-gray-300 opacity-0"
/>
</div>
</div>
</div>
</div>
<div className="relative hidden overflow-hidden rounded-full lg:block">
<div
dangerouslySetInnerHTML={{
__html: avatarFromInitials("Timur Ercan", 160),
}}
/>
<label
htmlFor="desktop-user-photo"
className="absolute inset-0 flex h-full w-full items-center justify-center bg-black bg-opacity-75 text-sm font-medium text-white opacity-0 focus-within:opacity-100 hover:opacity-100"
>
<span>Change</span>
<span className="sr-only"> user photo</span>
<input
type="file"
id="desktop-user-photo"
name="user-photo"
className="absolute inset-0 h-full w-full cursor-pointer rounded-md border-gray-300 opacity-0"
/>
</label>
</div>
</div>
</div>
<div className="mt-6 grid grid-cols-12 gap-6">
<div className="col-span-12 sm:col-span-6">
<label