remove photo change ui
This commit is contained in:
@@ -115,70 +115,6 @@ export default function Setttings() {
|
|||||||
</p>
|
</p>
|
||||||
</div>
|
</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="mt-6 grid grid-cols-12 gap-6">
|
||||||
<div className="col-span-12 sm:col-span-6">
|
<div className="col-span-12 sm:col-span-6">
|
||||||
<label
|
<label
|
||||||
|
|||||||
Reference in New Issue
Block a user