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.3k 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

      Awesome MagicMirror setup.

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

      J 1 Reply Last reply Reply Quote 1
      • R Offline
        rmonkey
        last edited by

        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

          @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 Reply Quote 0
          • J Offline
            jconno03 @sheptastic
            last edited by

            @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

              @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