Skip to content
Snippets Groups Projects
Select Git revision
  • dc69b6feca13535026417dd516940e39f5c8b6ef
  • main default protected
2 results

checklist_view.dart

Blame
  • 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);