Gibt es eine Möglichkeit, eine Komponente nur auf Mobilgeräten zu aktivieren?

[hipp0]

Ich möchte diese Schaltfläche „Neues Thema“ unten rechts auf dem Handy aktivieren, sodass sie X.com ähnelt New Topic Header Button

Aber nicht auf dem Desktop.

[RGJ (Richard - Communiteq)]

Discourse entfernt sich von der traditionellen Desktop-/Mobilfunk-Unterscheidung. Siehe Designing for Different Devices (Viewport Size, Touch/Hover, etc.), das auch Tipps enthält, wie Sie das erreichen können, was Sie möchten.

[hipp0]

Ich sehe, danke für die Info.

Aber wie würde ich eine Komponente dazu bringen, nur für kleinere Geräte zu rendern?

Ich bin mir nicht ganz sicher, wie ich eine Komponente referenzieren oder sie für das eine oder andere aktivieren kann.

[RGJ (Richard - Communiteq)]

Das Beispiel befindet sich in genau diesem Thema

@system

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

class MyComponent extends Component {
  @service capabilities;

  <template>
    {{#if this.capabilities.viewport.lg}}
      Dieser Text wird für Geräte angezeigt, die größer als der lg-Breakpoint sind
    {{/if}}

    {{#unless this.capabilities.viewport.sm}}
      Dieser Text wird für Geräte angezeigt, die kleiner als der sm-Breakpoint sind
    {{/unless}}
  </template>
}