Existe uma forma de habilitar um componente apenas no celular?

[hipp0]

Quero habilitar este botão “Novo Tópico” no canto inferior direito no celular para que fique semelhante ao X.com New Topic Header Button

Mas não no desktop.

[RGJ (Richard - Communiteq)]

O Discourse está abandonando a distinção tradicional entre desktop e celular. Veja Designing for Different Devices (Viewport Size, Touch/Hover, etc.) que também contém dicas sobre como realizar o que você deseja.

[hipp0]

Eu entendi, obrigado pela informação.

Mas como eu faria para que um componente renderize apenas para dispositivos menores?

Eu não tenho muita certeza de como referenciar um componente ou habilitá-lo para um ou outro.

[RGJ (Richard - Communiteq)]

O exemplo está nesse tópico mesmo

@system

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

class MyComponent extends Component {
  @service capabilities;

  <template>
    {{#if this.capabilities.viewport.lg}}
      Este texto será exibido para dispositivos maiores que o ponto de interrupção lg
    {{/if}}

    {{#unless this.capabilities.viewport.sm}}
      Este texto será exibido para dispositivos menores que o ponto de interrupção sm
    {{/unless}}
  </template>
}