Adjust profile picture size
Adjusted the profile picture size to occupy the height of two lines.
This commit is contained in:
@@ -2,6 +2,7 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import { Bell } from 'lucide-react';
|
import { Bell } from 'lucide-react';
|
||||||
import { useAuth } from '@/contexts/auth';
|
import { useAuth } from '@/contexts/auth';
|
||||||
|
import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
|
||||||
|
|
||||||
const Header: React.FC = () => {
|
const Header: React.FC = () => {
|
||||||
const {
|
const {
|
||||||
@@ -11,23 +12,15 @@ const Header: React.FC = () => {
|
|||||||
|
|
||||||
return <header className="py-8">
|
return <header className="py-8">
|
||||||
<div className="flex justify-between items-center">
|
<div className="flex justify-between items-center">
|
||||||
<div>
|
<div className="flex items-center">
|
||||||
<div className="flex items-center mb-1">
|
<Avatar className="h-12 w-12 mr-3">
|
||||||
<img
|
<AvatarImage src="/zellyy.png" alt="Zellyy" />
|
||||||
src="/zellyy.png"
|
<AvatarFallback>ZY</AvatarFallback>
|
||||||
alt="Zellyy"
|
</Avatar>
|
||||||
className="w-6 h-6 mr-2"
|
<div>
|
||||||
/>
|
|
||||||
<h1 className="text-2xl font-bold neuro-text">
|
<h1 className="text-2xl font-bold neuro-text">
|
||||||
{user ? `${userName}님, 반갑습니다` : '반갑습니다'}
|
{user ? `${userName}님, 반갑습니다` : '반갑습니다'}
|
||||||
</h1>
|
</h1>
|
||||||
</div>
|
|
||||||
<div className="flex items-center">
|
|
||||||
<img
|
|
||||||
src="/zellyy.png"
|
|
||||||
alt="Zellyy"
|
|
||||||
className="w-4 h-4 mr-2"
|
|
||||||
/>
|
|
||||||
<p className="text-gray-500 text-left">젤리의 적자탈출</p>
|
<p className="text-gray-500 text-left">젤리의 적자탈출</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user