29 lines
461 B
CSS
29 lines
461 B
CSS
.drawer-layout {
|
|
display: flex;
|
|
margin: 0;
|
|
}
|
|
.sidebar {
|
|
width: 200px;
|
|
min-width : 200px;
|
|
transition: width 0.4s ease;
|
|
}
|
|
.sidebar.collapsed {
|
|
overflow: hidden;
|
|
width: 0;
|
|
min-width : 0;
|
|
padding: 0;
|
|
}
|
|
.main {
|
|
flex-grow: 1;
|
|
padding: 20px;
|
|
}
|
|
.toggle-button {
|
|
margin-bottom: 20px;
|
|
cursor: pointer;
|
|
padding: 10px 15px;
|
|
background-color: #3498db;
|
|
color: white;
|
|
border: none;
|
|
border-radius: 5px;
|
|
}
|