Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix: #297 팀 목록 페이지 UI 깨짐 수정 #298

Open
wants to merge 1 commit into
base: develop
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions src/components/project/ProjectItem.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -39,21 +39,21 @@ export default function ProjectItem({ teamId, project }: ProjectItemProps) {

return (
<>
<li key={project.projectId} className="min-w-300 space-y-2 text-sm">
<li key={project.projectId} className="min-w-fit space-y-2 text-sm">
<Link to={`/teams/${teamId}/projects/${project.projectId}`} className="flex h-50 items-center border p-8">
<div className="flex max-h-full grow">
<div className="max-h-full w-60 shrink-0">
<small className="flex flex-col text-xs font-bold text-category">project</small>
<p className="truncate">{project.projectName}</p>
</div>

<div className="flex max-h-full max-w-350 flex-col px-4">
<div className="flex max-h-full w-180 grow flex-col px-4">
<small className="text-xs font-bold text-category">desc</small>
<p className="truncate">{project.content}</p>
</div>
</div>

<div className="mr-6 flex shrink-0 space-x-10">
<div className="mr-6 flex w-60 shrink-0 space-x-10">
<button
type="button"
className="flex items-center text-main hover:brightness-50"
Expand Down
2 changes: 1 addition & 1 deletion src/layouts/page/TeamLayout.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,7 @@ export default function TeamLayout() {
<ListSidebar title="팀 목록" showButton text="팀 생성" onClick={openTeamModal}>
<ListTeam data={joinedTeamList} targetId={teamId} />
</ListSidebar>
<section className="flex grow flex-col border border-list bg-contents-box">
<section className="flex grow flex-col overflow-auto border border-list bg-contents-box">
{joinedTeamList.length === 0 ? (
<div className="flex h-full items-center justify-center text-center">
소속된 팀이 없습니다! <br />
Expand Down
Loading