Select Git revision
checklist_view.dart
MyCombinationPage.css 5.70 KiB
.layout {
display: flex;
min-height: calc(100vh - 64px);
background-color: var(--background-light);
gap: 2rem;
padding: 2rem;
}
.sidebar {
flex: 1;
max-width: 300px;
padding: 1.5rem;
background-color: var(--background-white);
border-radius: 12px;
box-shadow: var(--shadow-sm);
height: fit-content;
}
.sidebar h3 {
color: var(--primary-color);
font-size: 1.5rem;
margin-bottom: 1.5rem;
font-weight: 600;
text-align: center;
}
.pc-item {
position: relative;
padding: 10px;
border-bottom: 1px solid #eee;
transition: all 0.3s ease;
}
.pc-item.active {
background-color: var(--primary-light);
border-radius: 8px;
border-bottom: 1px solid var(--primary-light);
}
.pc-item.active .pc-item-content span {
color: var(--primary-color);
font-weight: 500;
}
.pc-item-content {
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
padding: 4px;
}
.edit-name-container {
display: flex;
flex-direction: column;
gap: 8px;
padding: 4px;
}
.edit-name-container input {
padding: 8px 12px;
border: 1px solid var(--border-color);
border-radius: 8px;
font-size: 14px;
transition: all 0.3s ease;
}
.edit-name-container input:focus {
outline: none;
border-color: var(--primary-color);