모바일에서만 컴포넌트를 활성화하는 방법이 있을까요?

[hipp0]

모바일에서 오른쪽 아래에 있는 이 새 주제(New Topic) 버튼을 활성화하고 싶습니다. X.com과 유사하게 말이죠. New Topic Header Button

하지만 데스크톱에서는 비활성화되어 있어야 합니다.

[RGJ (Richard - Communiteq)]

Discourse는 전통적인 데스크톱/모바일 구분을 점차 없애고 있습니다. 원하시는 작업을 수행하는 방법에 대한 팁도 포함된 Designing for Different Devices (Touch & Hover) 을 참고하세요.

[hipp0]

알겠습니다. 정보를 알려주셔서 감사합니다.

하지만 특정 컴포넌트를 작은 화면의 기기에서만 렌더링하려면 어떻게 해야 하나요?

컴포넌트를 참조하거나 특정 조건에서만 활성화하는 방법에 대해 정확히 잘 모르겠습니다.

[RGJ (Richard - Communiteq)]

예제는 바로 그 주제 안에 있습니다

@system

import Component from "@glimmer/component";
import { service } from "@ember/service";

class MyComponent extends Component {
  @service capabilities;

  <template>
    {{#if this.capabilities.viewport.lg}}
      이 텍스트는 lg 브레이크포인트보다 큰 장치에 표시됩니다
    {{/if}}

    {{#unless this.capabilities.viewport.sm}}
      이 텍스트는 sm 브레이크포인트보다 작은 장치에 표시됩니다
    {{/unless}}
  </template>
}