Thream/website
Archived
2
2
Fork 0
Code Issues Pull Requests Releases Activity

fix: improve responsive for UserProfile

Browse Source
This commit is contained in:
Divlo 2022-04-09 11:44:14 +02:00
parent 4141f1eeab
commit 0028974c3b
No known key found for this signature in database
GPG Key ID: 8F9478F220CE65E9
1 changed files with 80 additions and 70 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
components/Application/UserProfile/UserProfile.tsx
View File

@ -16,11 +16,12 @@ export const UserProfile: React.FC<UserProfileProps> = (props) => {
const { t } = useTranslation()
return (
<>
<div className='relative flex h-full flex-col items-center justify-center'>
<div className='transition'>
<div className='max-w-[1000px] px-12'>
<div className='flex items-center justify-between'>
<div className='flex w-max items-center'>
<div className='flex w-max flex-col items-center gap-7 md:flex-row'>
<div className='relative flex items-center justify-center overflow-hidden rounded-full shadow-lg transition-all'>
<Image
quality={100}
@ -89,11 +90,20 @@ export const UserProfile: React.FC<UserProfileProps> = (props) => {
</div>
</div>
</div>
<div className='mt-7'>
{user.biography != null && <p>{user.biography}</p>}
</div>
{user.biography != null && (
<div className='mt-7 text-center'>
<p>{user.biography}</p>
</div>
)}
</div>
</div>
</div>
<style jsx global>{`
#application-page-content {
overflow-x: hidden;
}
`}</style>
</>
)
}