Merge branch 'fe/refactor/workspace-browse' into 'fe/develop'

Refactor: 빈 화면에 대한 문구 및 디자인 통일

See merge request s11-s-project/S11P21S002!102
This commit is contained in:
정현조 2024-09-20 08:51:22 +09:00
commit 3181995e18
2 changed files with 15 additions and 11 deletions

View File

@ -75,14 +75,12 @@ function HeaderSection({
function EmptyStateMessage({ workspaceId }: { workspaceId: number }) {
return (
<div className="flex h-full w-full flex-col items-center justify-center">
<div className="flex flex-col items-center">
<Smile
size={48}
className="mb-2 text-gray-300"
/>
<div className="body text-gray-400">
{!workspaceId ? '작업할 워크스페이스를 선택하세요.' : '작업할 프로젝트가 없습니다.'}
</div>
<Smile
size={48}
className="mb-2 text-gray-300"
/>
<div className="body-strong text-gray-400">
{!workspaceId ? '작업할 워크스페이스를 선택하세요.' : '작업할 프로젝트가 없습니다.'}
</div>
</div>
);
@ -104,7 +102,7 @@ function ProjectList({
size={48}
className="mb-2 text-gray-300"
/>
<div className="body text-gray-400"> .</div>
<div className="body-strong text-gray-400"> .</div>
</div>
);
}

View File

@ -1,7 +1,13 @@
import { Smile } from 'lucide-react';
export default function WorkspaceBrowseIndex() {
return (
<div className="body-strong flex h-full w-full items-center justify-center text-gray-400">
<div className="flex h-full w-full flex-col items-center justify-center">
<Smile
size={48}
className="mb-2 text-gray-300"
/>
<div className="body-strong text-gray-400"> .</div>
</div>
);
}