| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152 |
- // 헤더 통합 검색 자동완성 드롭다운 (combobox — HeaderSearch.tsx)
- // 인풋/박스 자체 스타일은 layout.module.scss(.searchBox/.searchInput/.searchKbd) 재사용
- .header-suggest {
- position: absolute;
- top: calc(100% + 4px);
- left: 16px;
- right: 16px;
- z-index: 1000;
- max-height: 420px;
- overflow-y: auto;
- padding: var(--sp-2) 0;
- background: var(--bg-elevated);
- border: 1px solid var(--border-strong);
- border-radius: 8px;
- box-shadow: 0 8px 24px var(--shadow-color);
- &__item {
- display: flex;
- align-items: center;
- gap: var(--sp-3);
- min-height: var(--row-h);
- padding: 0 var(--sp-4);
- font-size: var(--cell-fs);
- cursor: pointer;
- &--active {
- background: var(--bg-subtle-hover);
- }
- }
- &__name {
- flex: 1 1 auto;
- overflow: hidden;
- color: var(--text-primary);
- white-space: nowrap;
- text-overflow: ellipsis;
- }
- &__code {
- flex: 0 0 auto;
- font-size: var(--fs-xs);
- color: var(--text-muted);
- font-variant-numeric: tabular-nums;
- }
- &__empty {
- padding: var(--sp-4);
- font-size: var(--fs-sm);
- color: var(--text-muted);
- text-align: center;
- }
- }
|
