• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
MagicMirror Forum
  • Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
A New Chapter for MagicMirror: The Community Takes the Lead
Read the statement by Michael Teeuw here.

27" Kitchen Dashboard

Scheduled Pinned Locked Moved Show your Mirror
15 Posts 9 Posters 7.8k Views 10 Watching
Loading More Posts
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • R Offline
    r3zi3lr
    last edited by Jun 18, 2024, 2:43 PM

    Awesome MagicMirror setup.

    Any chance of looking at the config.js, please?

    J 1 Reply Last reply Dec 5, 2024, 3:26 AM Reply Quote 1
    • R Offline
      rmonkey
      last edited by Jun 24, 2024, 12:03 AM

      Aboslutely outstanding!

      I did a similar build (down to the recessed outlet and french cleat).

      I used a PiZero2 to keep things as thin as possible, but I see your build uses a full-sized Pi and looks great – the thickness looks prportionate.

      I bet your guests say ‘whoa!’ everytime they see it.

      1 Reply Last reply Reply Quote 0
      • S Offline
        sheptastic @jconno03
        last edited by Nov 20, 2024, 4:05 AM

        @jconno03, Nice build? How did you get the Worldclock times to align in a row (horizontally) instead of the default vertical orientation?

        J 1 Reply Last reply Dec 5, 2024, 3:24 AM Reply Quote 0
        • J Offline
          jconno03 @sheptastic
          last edited by Dec 5, 2024, 3:24 AM

          @sheptastic
          Custom CSS which I think I took from another person’s post in this forum. Here are my entries…

          /* Worldclock **/
          /
          Arrange clocks horizontally /
          .MMM-Worldclock .worldtime {
          display: flex;
          flex-direction: row;
          }
          .MMM-Worldclock .world{
          width: 140px;
          }
          .MMM-Worldclock .world-0{ /
          1st clock = UTC clock */
          width: 140px;
          font-size:100%;
          }

          /* Time title font color and size */
          .MMM-Worldclock .zone {
          font-size: calc(var(–font-size) - 6px);
          color: var(–color-text-bright);
          }

          /* Hide time difference to UTC */
          MMM-Worldclock .gap {
          font-size: 1px;
          color: transparent;
          }

          1 Reply Last reply Reply Quote 0
          • J Offline
            jconno03 @r3zi3lr
            last edited by Dec 5, 2024, 3:26 AM

            @r3zi3lr If there is something specific you are looking for please let me know. I have added more features and the config is large

            1 Reply Last reply Reply Quote 0
            • 1
            • 2
            • 2 / 2
            • First post
              Last post
            Enjoying MagicMirror? Please consider a donation!
            MagicMirror created by Michael Teeuw.
            Forum managed by Sam, technical setup by Karsten.
            This forum is using NodeBB as its core | Contributors
            Contact | Privacy Policy