Есть ли способ включить компонент только на мобильных устройствах?

[hipp0]

Я хочу включить эту кнопку «Новая тема» в правом нижнем углу на мобильных устройствах, чтобы она была похожа на X.com New Topic Header Button

Но не на рабочем столе.

[RGJ (Richard - Communiteq)]

Discourse отказывается от традиционного разделения на десктопные и мобильные устройства. См. Designing for Different Devices (Viewport Size, Touch/Hover, etc.), где также содержатся советы о том, как достичь желаемого результата.

[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>
}