github/plane
0
0
Fork 1
mirror of https://github.com/makeplane/plane synced 2024-06-14 14:31:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

style: my profiles page responsiveness (#512)

Browse Source
This commit is contained in:
Aaryan Khandelwal 2023-03-23 22:55:58 +05:30 committed by GitHub
parent 19434342d3
commit f01f2fb9bd
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
apps/app/pages/[workspaceSlug]/me/profile.tsx
View File

@ -172,7 +172,7 @@ const Profile: NextPage = () => {
{myProfile ? (
<>
<div className="space-y-5">
<section className="relative flex gap-10 rounded-xl bg-secondary p-5">
<section className="relative flex flex-col gap-y-6 gap-x-10 rounded-xl bg-secondary p-5 md:flex-row">
<button
type="button"
className="absolute top-4 right-4 cursor-pointer rounded bg-indigo-100 p-1 duration-300 hover:bg-theme hover:text-white"
@ -187,7 +187,7 @@ const Profile: NextPage = () => {
<div className="flex-shrink-0">
<div className="space-y-4">
<div className="relative">
<span className="inline-block h-40 w-40 overflow-hidden rounded bg-gray-100">
<div className="inline-block h-40 w-40 overflow-hidden rounded bg-gray-100">
{!watch("avatar") || watch("avatar") === "" ? (
<UserIcon className="h-full w-full text-gray-300" />
) : (
@ -202,7 +202,7 @@ const Profile: NextPage = () => {
/>
</div>
)}
</span>
</div>
</div>
<p className="text-sm text-gray-500">
Max file size is 5MB.