fix: 드라이브 빈 상태 안내를 상단 전체폭으로 통일
프로젝트·회의 화면과 달리 드라이브의 빈/검색없음 상태 안내문이 페이지 정중앙에 떠 있던 문제를 수정한다. 목록 컨테이너(.dr-listwrap)의 중앙 정렬을 제거해 안내 카드가 다른 화면과 동일하게 상단에 폭을 꽉 채워 배치되며, 남는 아래 영역은 그대로 드래그-드롭 업로드 영역으로 유지된다. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user