Skip to content

Commit 1fa5e3e

Browse files
committed
style: 사용자 아바타 및 버튼 스타일 수정
본문: - UserListCard의 Avatar 컴포넌트에 다크 모드 호환 클래스 추가 - ExportGroupDropdownButton 및 WorkspaceHeader의 버튼에 다크 모드 호환 클래스 수정 - 코드 가독성을 높이기 위해 불필요한 클래스 제거
1 parent 8f43414 commit 1fa5e3e

File tree

3 files changed

+3
-3
lines changed

3 files changed

+3
-3
lines changed

frontend/src/features/export/components/ExportGroupDropdownButton.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,7 @@ export function ExportGroupDropdownButton() {
4444
<Button
4545
variant="secondary"
4646
size="sm"
47-
className="dark:hover:bg-secondary/50 border-1 border-gray-200 hover:bg-gray-200 dark:border-none"
47+
className="dark:hover:bg-secondary/50 border-1 border-gray-200 hover:bg-gray-200 dark:border-transparent"
4848
>
4949
<LuExport />
5050
결과 내보내기

frontend/src/features/userListCard/UserListCard.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -61,7 +61,7 @@ function UserAvatarItem({ userId }: { userId: string }) {
6161
if (!user) return null;
6262

6363
return (
64-
<Avatar size="sm" className="!ring-gray-800">
64+
<Avatar size="sm" className="!ring-color-popover dark:!ring-gray-800">
6565
<AvatarFallback
6666
className={cn(getContrastClass(user.color), 'text-xs font-semibold')}
6767
style={{ backgroundColor: user.color }}

frontend/src/pages/workspace/components/header/WorkspaceHeader.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -46,7 +46,7 @@ function WorkspaceHeader() {
4646
<Button
4747
size="sm"
4848
variant="secondary"
49-
className="dark:hover:bg-secondary/50 border-1 border-gray-200 hover:bg-gray-200 dark:border-none"
49+
className="dark:hover:bg-secondary/50 border-1 border-gray-200 hover:bg-gray-200 dark:border-transparent"
5050
onClick={() => toast.info('Coming soon...')}
5151
>
5252
<LuGithub size={16} />

0 commit comments

Comments
 (0)