mirror of
https://github.com/aljazceru/landscape-template.git
synced 2025-12-30 04:24:26 +01:00
Merge branch 'dev' into feature/tournament-pages
This commit is contained in:
@@ -9,7 +9,7 @@ import { IoRocketOutline } from "react-icons/io5";
|
||||
import Button from "src/Components/Button/Button";
|
||||
import { FiCopy } from "react-icons/fi";
|
||||
import useCopyToClipboard from "src/utils/hooks/useCopyToClipboard";
|
||||
import { getPropertyFromUnknown, } from "src/utils/helperFunctions";
|
||||
import { getPropertyFromUnknown, trimText, } from "src/utils/helperFunctions";
|
||||
|
||||
|
||||
|
||||
@@ -147,9 +147,9 @@ export default function LoginPage() {
|
||||
else if (isLoggedIn)
|
||||
content = <div className="flex flex-col justify-center items-center">
|
||||
<h3 className="text-body4">
|
||||
Hello: <span className="font-bold">@{meQuery.data?.me?.name.slice(0, 10)}...</span>
|
||||
Hello: <span className="font-bold">@{trimText(meQuery.data?.me?.name, 10)}</span>
|
||||
</h3>
|
||||
<img src={meQuery.data?.me?.avatar} className='w-80 h-80 object-cover' alt="" />
|
||||
<img src={meQuery.data?.me?.avatar} className='w-80 h-80 object-cover rounded-full outline outline-2 outline-gray-200' alt="" />
|
||||
</div>
|
||||
|
||||
else
|
||||
|
||||
@@ -7,7 +7,7 @@ interface Props {
|
||||
|
||||
export default function Avatar({ src, alt, width = 40 }: Props) {
|
||||
return (
|
||||
<img src={src} className='shrink-0 rounded-full object-contain border-2 bg-white border-gray-100' style={{
|
||||
<img src={src} className='shrink-0 rounded-full object-cover border-2 bg-white border-gray-100' style={{
|
||||
width: width,
|
||||
aspectRatio: '1/1'
|
||||
}} alt={alt ?? "avatar"} />
|
||||
|
||||
Reference in New Issue
Block a user