모바일 왼쪽 햄버거 메뉴

커스터마이징 테마 컴포넌트
47

여기 다소 해킹적인 방식이 있습니다(경로는 common/css이며, /mobile/css가 아닙니다).

@use "lib/viewport";

@include viewport.until(md) {
  .d-header:not(:has(.extra-info-wrapper.topic-info-visible)):not(:has(.extra-info-wrapper .topic-link)):not(.header-topic-info-visible) .title {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      margin: 0;
  }
}

더 우아한 방법이 있을 수도 있지만, 헤더 바에서는 항목의 배치와 순서 변경이 까다로워서(그래서 PR을 올리지 않겠습니다). 또한 이 컴포넌트는 여전히 비추천(deprecated)된 /mobile 폴더 경로를 사용 중이며, 뷰포트에 맞게 조정된 코드로 업데이트해야 합니다.

2개의 좋아요