qdy
/
ng-code
Obserwuj 1
Gwiazdka 0
Forkuj 0
Kod Problemy 0 Pull Requests 0 Wydania 13 Wiki Aktywność
Brak opisu
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
11 Commity
1 Gałąź
Drzewo: 7e348cee87
Gałęzie Tagi
${ item.name }
Utwórz gałąź ${ searchTerm }
z '7e348cee87'
${ noResults }
ng-code/backup-original/app/components/session-list.component.scss

session-list.component.scss 1.1KB
Historia Czysty

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758 
  1.     .session-list-container {

  2.       height: 100%;

  3.       padding: 16px;

  4.       display: flex;

  5.       flex-direction: column;

  6.       min-height: 0;

  7.     }

  8.     .session-header {

  9.       display: flex;

  10.       justify-content: space-between;

  11.       align-items: center;

  12.       margin-bottom: 16px;

  13.       flex-shrink: 0;

  14.     }

  15.     .session-create {

  16.       background: #f5f5f5;

  17.       padding: 16px;

  18.       border-radius: 8px;

  19.       margin-bottom: 16px;

  20.       flex-shrink: 0;

  21.     }

  22.     .session-items {

  23.       flex: 1;

  24.       overflow-y: auto;

  25.       min-height: 0;

  26.     }

  27.     .session-item {

  28.       display: flex;

  29.       align-items: center;

  30.       gap: 12px;

  31.       width: 100%;

  32.       padding: 8px 0;

  33.     }

  34.     .session-icon {

  35.       color: #666;

  36.     }

  37.     .session-info {

  38.       flex: 1;

  39.     }

  40.     .session-title {

  41.       font-weight: 500;

  42.     }

  43.     .active {

  44.       background-color: #e3f2fd;

  45.       border-radius: 4px;

  46.     }

  47.     .empty-state {

  48.       text-align: center;

  49.       padding: 40px 20px;

  50.       color: #666;

  51.     }

  52.     .empty-state mat-icon {

  53.       font-size: 48px;

  54.       height: 48px;

  55.       width: 48px;

  56.       margin-bottom: 16px;

  57.       color: #ccc;

  58.     }