MagicMirror am PI 7" Monitor

thork

Hallo
Ich bin neu und unerfahren in IT belangen.
Habe mich aber an das MagicMirror Projekt herangetastet und eine ganz valable Lösung - unter einem 21 Zoll Bildschirm - erreicht.
In einem nächsten Schritt möchte ich gerne das ganze auf dem Original 7 Zoll betreiben, aber das funzt nicht wirklich.
Gibt es keine Einstellung wo sich die Schrift für alle verwendeten Frames skalieren lässt?
Kann mir jemand da weiterhelfen, oder gibt es eine Übersicht mit vordefinierten Layouts die sich mit dem 7" Monitor gut vertragen?

Besten Dank für eure Unterstützung
thork

hummeruli

@thork Du schaust am Besten bei der custom.css
Darin kannst Du alle Styles und Schriften anpassen. Das Original ist gut als Beispiel. Kopiere die Datei und ändere alles was Du brauchst.

Gruß

Uli

kusselin

Hallo Ulli,

Was meinst du mit Original ist gut?? Meinst du die main.css in die custom.css kopieren??

hummeruli

@kusselin Es gibt einen Ordner “custom”, dort ist normaler Weise eine nahezu leere “custom.css” drin. In diese habe ich dann folgendes unten eingefügt:

./*****************************************************

Magic Mirror *
Custom CSS *

By Michael Teeuw http://michaelteeuw.nl *
MIT Licensed. *

Add any custom CSS below. *
Changes to this files will be ignored by GIT. *
*****************************************************/

body {

}

.MMM-vvsDeparture {
width:130px;
}

So wird nur das Modul “MMM-vvsDeparture” davon betroffen.

kusselin

Ok den ordner habe ich auch…und alles was man verändern will kopiert man in die costum.css

hummeruli

@kusselin Ja genau. Das hat den Vorteil, dass bei Updates nix von deinen Änderungen verloren geht. Auch hast Du den Vorteil, Änderungen nur auf bestimmte Module zu machen. Das ist wichtig bei kleinen Displays und mehreren Seiten (MMM-Pages)

kusselin

Ok super… arbeitest du auch mit pages??

Hab da Probleme mit dem Anzeigen von OpenMapWeather und dem Traffic modul… lösche ich pages aus der config.js wird alles angezeigt… hier der Thread

https://forum.magicmirror.builders/topic/14071/not-all-modules-are-displaying-on-the-tv/31?_=1609105354398

Hast du ein Tipp?

Gruss

hummeruli

@kusselin Generell würde ich die Seiten Stück für Stück aufbauen. Auch Dinge die Du auf allen Seiten verwendest fügst Du in den Abschnitt “Fixed:” rein. Damit wird es übersichtlicher. Auch ist die Reihenfolge in der Datei wichtig. MM sucht sich nichts zusammen. Es muss hintereinander stehen, wie ohne MMM-Pages. Häufiger Fehler ist auch “Blafasel” oder ‘Blafasel’. Da sind manche Module eigen.

kusselin

Ok… wenn ich MMM-Traffic unter fixed stelle dann wird es auch nicht ang3zeigt… hab auch schon auf Github ne issue aufgemacht… ist halt §chwer zu sagen…

hummeruli

@kusselin Das Problem ist sicherlich das was bereits geschrieben wurde, dass manche Module ihr eigenes Süppchen kochen und so mit dem MMM-Pages kollidieren. Hier hilft wirklich nur ein Issue im Github aufzumachen. Habe leider das gleich Problem mir ein paar Modulen.

kusselin

@hummeruli Hi, ich habs vergessen…

Wenn ich generell die Schriften usw. verkleinern will, was muss ich da nochmal in die custom.css eintragen??

sdetweil

@kusselin
Sie können dies versuchen

:root {
  --font-size: 20px;   // change this
}

aber nicht jedes Modul verwendet die eingebauten Größenstile

kusselin

Hallo sdetweil,

danke dir schomal :-)

kusselin

hallo sdetweil, nein das klappt nicht :-(

habe das in die leere costum.css eingetragen:

:root {
  --font-size: 20px;   // change this
}

bleibt genauso gross von der Schrift her

EDIT: Doch klappt…mann muss halt auch die px verändern…Danke Dir

sdetweil

@kusselin yes that is what it says, change the value I don’t know what u want it to be

KamiSchami

Hi, hier mein “Mirror” am 7" Touchdisplay

https://forum.magicmirror.builders/post/86435

War ein Haufen Arbeit, aber es funktioniert echt gut.

VG

kusselin

Danke Dir