fix : css정리
parent
828091fc1c
commit
4c275bfeea
@ -0,0 +1,16 @@
|
|||||||
|
div.dashboard {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns : repeat(4,18rem);
|
||||||
|
grid-template-rows: repeat(auto-fill,11rem);
|
||||||
|
grid-auto-flow: row;
|
||||||
|
grid-column-gap: 10px;
|
||||||
|
grid-row-gap: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.dashboard .card {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.chart-area {
|
||||||
|
grid-column: span 2;
|
||||||
|
}
|
@ -0,0 +1,35 @@
|
|||||||
|
/* CSS그리드 */
|
||||||
|
div.layoutWrapper {
|
||||||
|
display: grid;
|
||||||
|
grid-template-rows : 2.2rem minmax(27rem,54rem) 2.2rem;
|
||||||
|
grid-auto-flow: column;
|
||||||
|
grid-column-gap: 10px;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
div.layoutWrapper.hamberger-open {
|
||||||
|
grid-template-columns: 16.25rem auto;
|
||||||
|
transition: all 1s;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.layoutWrapper.hamberger-close {
|
||||||
|
grid-template-columns: fit-content(16.25rem) auto;
|
||||||
|
transition: all 1s;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.layoutWrapper > nav {
|
||||||
|
grid-row: 1 / 4;
|
||||||
|
grid-column: 1 / 2;
|
||||||
|
background-color: #ffffff;
|
||||||
|
}
|
||||||
|
div.layoutWrapper > header {
|
||||||
|
grid-column: 2 / 3;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
div.layoutWrapper > main {
|
||||||
|
grid-column: 2 / 3;
|
||||||
|
}
|
||||||
|
div.layoutWrapper > footer {
|
||||||
|
grid-column: 2 / 3;
|
||||||
|
}
|
Loading…
Reference in New Issue