minaChoi/o2o-negosium-original
1
0
Fork 0
Code Pull Requests Activity

Merge branch 'design/frontend' into feature/negodata

Browse Source
This commit is contained in:
Mina Choi 2026-07-29 09:56:59 +09:00
commit 6f32b466b9
4 changed files with 4 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/Modal.tsx
View File

@ -21,7 +21,7 @@ export function Modal({ children, onClose }: ModalProps) {
return ( return (
<div <div
className="fixed inset-0 z-50 flex items-center justify-center bg-[rgba(0,0,0,0.40)]" className="fixed inset-0 z-50 flex items-center justify-center bg-[rgba(0,0,0,0.40)] p-4"
onClick={handleBackdropClick} onClick={handleBackdropClick}
> >
{children} {children}

4
frontend/src/index.css
View File

@ -221,10 +221,6 @@
} }
/* 채팅 영역 스크롤바 (배경과 구분되게 진하게) */ /* 채팅 영역 스크롤바 (배경과 구분되게 진하게) */
/* 트랙 상단 64px 여백: 콘텐츠는 맨 위까지 스크롤되지만 스크롤바는 우측 협상절차 카드 상단과 같은 높이에서 시작 */
.chat-scroll::-webkit-scrollbar-track {
margin-top: 64px;
}
.chat-scroll::-webkit-scrollbar-thumb { .chat-scroll::-webkit-scrollbar-thumb {
background-color: var(--neutral-40); background-color: var(--neutral-40);
} }

2
frontend/src/layouts/PortalHeader.tsx
View File

@ -14,7 +14,7 @@ export function PortalHeader() {
logout.mutate(undefined, { onSuccess: () => navigate('/') }) logout.mutate(undefined, { onSuccess: () => navigate('/') })
return ( return (
<header className="sticky top-0 z-40 flex h-16 items-center justify-between border-b border-border bg-white/90 px-4 shadow-sm backdrop-blur sm:px-6"> <header className="sticky top-0 z-40 flex min-h-[calc(4rem+env(safe-area-inset-top))] safe-t items-center justify-between border-b border-border bg-white/90 px-4 shadow-sm backdrop-blur sm:px-6">
<Logo size="md" serviceName={user?.branding?.service_name} logoUrl={user?.branding?.logo_url} /> <Logo size="md" serviceName={user?.branding?.service_name} logoUrl={user?.branding?.logo_url} />
<div className="flex items-center gap-2 sm:gap-3"> <div className="flex items-center gap-2 sm:gap-3">

4
frontend/src/pages/ListPage.tsx
View File

@ -3,13 +3,13 @@ import { ListWorkspace } from '@/features/list'
export function ListPage() { export function ListPage() {
return ( return (
<div className="flex min-h-svh flex-col bg-surface"> <div className="flex min-h-svh flex-col bg-surface safe-x">
<PortalHeader /> <PortalHeader />
<main className="mx-auto w-full max-w-7xl flex-1 px-4 py-6 sm:px-6"> <main className="mx-auto w-full max-w-7xl flex-1 px-4 py-6 sm:px-6">
<ListWorkspace /> <ListWorkspace />
</main> </main>
{/* 솔루션·제작사 표기 — 회사 브랜딩(헤더 로고)과 무관하게 고정 */} {/* 솔루션·제작사 표기 — 회사 브랜딩(헤더 로고)과 무관하게 고정 */}
<footer className="border-t border-border px-4 py-4 text-center sm:px-6"> <footer className="border-t border-border px-4 py-4 text-center sm:px-6 safe-b">
<p className="text-[11px] font-medium text-neutral-50"> <p className="text-[11px] font-medium text-neutral-50">
© {new Date().getFullYear()} negotium · Made by AI O2O © {new Date().getFullYear()} negotium · Made by AI O2O
</p> </p>