Skip to content

Commit 089ff66

Browse files
authored
Merge pull request #111 from DMU-DebugVisual/inseong
Inseong
2 parents dbb6bd5 + c73a035 commit 089ff66

File tree

10 files changed

+1718
-575
lines changed

10 files changed

+1718
-575
lines changed

src/App.js

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -31,8 +31,10 @@ function AppContent() {
3131
const isSignupPage = location.pathname === "/signup";
3232
const isIdePage = location.pathname.startsWith("/ide");
3333
const isMainPage = location.pathname === "/";
34-
// ✅ CodecastLive 페이지 플래그 추가
35-
const isCodecastLivePage = location.pathname === "/broadcast/live";
34+
const isCommunityPage = location.pathname.startsWith("/community");
35+
const isMyPage = location.pathname.startsWith("/mypage");
36+
const isCodecastPage = location.pathname.startsWith("/broadcast") || location.pathname.startsWith("/startbroadcast");
37+
const shouldShowFooter = isMainPage && !(isSignupPage || isIdePage || isCommunityPage || isMyPage || isCodecastPage);
3638

3739
useEffect(() => {
3840
const token = localStorage.getItem('token');
@@ -91,15 +93,14 @@ function AppContent() {
9193
<Route path="/mypage" element={<MyPageLayout nickname={nickname} />}>
9294
<Route index element={<Mypage nickname={nickname} />} />
9395
<Route path="project" element={<MyProject />} />
94-
<Route path="community" element={<MyCommunity />} />
96+
<Route path="community" element={<MyCommunity nickname={nickname} />} />
9597
<Route path="setting" element={<Settings nickname={nickname} />} />
9698
<Route path="shared" element={<Shared />} />
9799
</Route>
98100
<Route path="*" element={<Navigate to="/" replace />} />
99101
</Routes>
100102

101-
{/* 👈 푸터 렌더링 조건 수정: CodecastLive 페이지가 아닐 때만 렌더링 */}
102-
{(!isSignupPage && !isIdePage && !isMainPage && !isCodecastLivePage) && <Footer />}
103+
{shouldShowFooter && <Footer />}
103104

104105
{isLoginModalOpen && (
105106
<Login

src/components/community/Community.css

Lines changed: 23 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -88,13 +88,14 @@
8888
}
8989

9090
.dark-mode .post-card {
91-
background-color: transparent;
92-
border-bottom: 1px solid #444;
93-
border-top: none;
91+
background-color: #2a2a2a;
92+
border: 1px solid #444;
93+
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35);
9494
}
9595

96-
.dark-mode .post-card:first-child {
97-
border-top: 1px solid #444;
96+
.dark-mode .post-card:hover {
97+
border-color: #7e4dff;
98+
box-shadow: 0 18px 36px rgba(0, 0, 0, 0.4);
9899
}
99100
.dark-mode .tabs button.active-tab {
100101
color: #b88eff;
@@ -369,24 +370,32 @@ html {
369370
.post-list {
370371
display: flex;
371372
flex-direction: column;
372-
gap: 12px;
373+
gap: 16px;
373374
max-width: 720px;
374375
margin-left: auto;
375376
margin-right: auto;
376377
}
377378

378379
.post-card {
379380
cursor: pointer;
380-
background-color: transparent;
381-
box-shadow: none;
382-
border-radius: 0;
383-
padding: 12px 0;
384-
border-bottom: 1px solid #eaeaea;
385-
min-width: 720px;
381+
background-color: #ffffff;
382+
border: 1px solid #e5e5e8;
383+
border-radius: 14px;
384+
padding: 20px 24px;
385+
box-shadow: 0 10px 28px rgba(34, 34, 34, 0.06);
386+
transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
387+
width: 100%;
388+
}
389+
390+
.post-card:hover {
391+
transform: translateY(-2px);
392+
border-color: #b88eff;
393+
box-shadow: 0 16px 36px rgba(110, 64, 255, 0.12);
386394
}
387395

388-
.post-card:first-child {
389-
border-top: 1px solid #eaeaea;
396+
.post-card:focus-visible {
397+
outline: 2px solid #b88eff;
398+
outline-offset: 2px;
390399
}
391400

392401

src/components/ide/IDE.css

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -123,6 +123,33 @@ body {
123123
box-shadow: none !important; /* 다른 스타일의 그림자 효과 제거 */
124124
}
125125

126+
/* 💡 라이트 모드에서 파일 탐색기와 에디터 영역을 선명하게 구분 */
127+
body:not(.dark-mode) .sidebar {
128+
background-color: #ffffff !important;
129+
border-right: 1px solid #dfe3f5 !important;
130+
box-shadow: 6px 0 18px rgba(24, 32, 72, 0.06) !important;
131+
}
132+
133+
body:not(.dark-mode) .modern-sidebar,
134+
body:not(.dark-mode) .modern-sidebar-header,
135+
body:not(.dark-mode) .modern-sidebar-content {
136+
background-color: #f8f9ff !important;
137+
}
138+
139+
body:not(.dark-mode) .main-content,
140+
body:not(.dark-mode) .content-layout {
141+
background-color: #eaedf8;
142+
}
143+
144+
body:not(.dark-mode) .editor-section,
145+
body:not(.dark-mode) .monaco-editor-wrapper {
146+
background-color: #e2e6f4;
147+
}
148+
149+
body:not(.dark-mode) .right-panel {
150+
background-color: #f6f7fc;
151+
}
152+
126153

127154
.sidebar.collapsed {
128155
width: 0 !important;

0 commit comments

Comments
 (0)