fix: 드라이브 빈 상태 안내를 상단 전체폭으로 통일

프로젝트·회의 화면과 달리 드라이브의 빈/검색없음 상태 안내문이 페이지
정중앙에 떠 있던 문제를 수정한다. 목록 컨테이너(.dr-listwrap)의 중앙
정렬을 제거해 안내 카드가 다른 화면과 동일하게 상단에 폭을 꽉 채워
배치되며, 남는 아래 영역은 그대로 드래그-드롭 업로드 영역으로 유지된다.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-07-10 00:39:32 +09:00
parent de92fc01b4
commit fb0669990d
+3 -10
View File
@@ -364,10 +364,7 @@ function openActivity(): void {
</div>
<!-- 목록 -->
<div
class="dr-listwrap"
:class="{ 'is-empty': isEmpty || noResult }"
>
<div class="dr-listwrap">
<EmptyState v-if="loading && isEmpty">
불러오는
</EmptyState>
@@ -686,12 +683,8 @@ function openActivity(): void {
flex: 1 1 auto; /* 파일 영역이 페이지의 남는 공간 전체를 차지 → 드래그 드롭 영역도 그만큼 */
min-height: 16rem; /* 짧은 뷰포트에서도 최소 드롭 영역 보장 */
}
/* 비어있음/검색없음일 때 안내문을 영역 중앙에 배치(넓은 빈 영역이 자연스럽게 보이도록) */
.dr-listwrap.is-empty {
display: flex;
align-items: center;
justify-content: center;
}
/* 비어있음/검색없음일 때 안내문 카드는 상단에 폭을 꽉 채워 배치(프로젝트·회의 화면과 통일).
남는 아래 공간은 그대로 드래그 드롭 영역으로 유지된다. */
.dr-row {
display: flex;
align-items: center;