메인 조직도 영역 전체 확장
This commit is contained in:
@@ -57,14 +57,6 @@
|
||||
|
||||
<main class="dashboard-main">
|
||||
<section class="main-stage">
|
||||
<div class="stage-topline">
|
||||
<div>
|
||||
<p class="stage-label">Main View</p>
|
||||
<h3>조직도 메인 화면 샘플</h3>
|
||||
</div>
|
||||
<a class="stage-link" href="/legacy/organization" target="_blank" rel="noreferrer">새 창으로 열기</a>
|
||||
</div>
|
||||
|
||||
<div class="stage-frame">
|
||||
<iframe src="/legacy/organization" title="조직도 메인 화면"></iframe>
|
||||
</div>
|
||||
|
||||
@@ -277,44 +277,13 @@ a {
|
||||
.dashboard-main {
|
||||
flex: 1;
|
||||
min-height: calc(100vh - 88px);
|
||||
padding: 18px;
|
||||
padding: 14px;
|
||||
}
|
||||
|
||||
.main-stage {
|
||||
height: calc(100vh - 124px);
|
||||
height: calc(100vh - 116px);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 14px;
|
||||
}
|
||||
|
||||
.stage-topline {
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
justify-content: space-between;
|
||||
gap: 18px;
|
||||
padding: 0 8px;
|
||||
}
|
||||
|
||||
.stage-label {
|
||||
margin: 0 0 6px;
|
||||
color: var(--muted);
|
||||
font-size: 11px;
|
||||
font-weight: 900;
|
||||
letter-spacing: 0.14em;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.stage-topline h3 {
|
||||
font-size: 28px;
|
||||
line-height: 1;
|
||||
letter-spacing: -0.03em;
|
||||
}
|
||||
|
||||
.stage-link {
|
||||
padding: 0 16px;
|
||||
color: var(--accent);
|
||||
border: 1px solid rgba(79, 70, 229, 0.18);
|
||||
background: rgba(255, 255, 255, 0.78);
|
||||
}
|
||||
|
||||
.stage-frame {
|
||||
@@ -375,15 +344,10 @@ a {
|
||||
|
||||
@media (max-width: 720px) {
|
||||
.dashboard-main {
|
||||
padding: 12px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.main-stage {
|
||||
height: calc(100vh - 170px);
|
||||
}
|
||||
|
||||
.stage-topline {
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
height: calc(100vh - 108px);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user