Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Change the Layout ? #1

Closed
Toli1505 opened this issue Sep 17, 2022 · 1 comment
Closed

Change the Layout ? #1

Toli1505 opened this issue Sep 17, 2022 · 1 comment
Assignees
Labels
question Further information is requested

Comments

@Toli1505
Copy link

Hello,

great work thanks but how and where can I change the layout?

@RineshRamadhin
Copy link
Owner

Hi,

There is a layout config option available with which you can select a layout option. You can currently pick between the default layout (large album art, with below the track information), and the row layout (album art beside the track information). Please refer to the screenshots at the end of the README for examples.

In addition to this you can use the align config option to align the album art and track information left or right. If you don't pass this value it will calculate it based on where you place the module.

{
  module: "MMM-Lastfm",
  position: "top_left",
  header: "Now listening on Last.fm",
  config: {
    apiKey: "LASTFM_API_KEY",
    username: "LASTFM_USERNAME",
    layout: "row",
    align: "right",
  }
},

Beside these options you can also use the MagicMirror2 user css file to further overwrite the style as you see fit. I'd recommend to use the DevTools inside your browser for help with this.

Finally if you have any wishes for a specific layout please let me know. I'm also currently exploring some other design looks for this module.

@RineshRamadhin RineshRamadhin added the question Further information is requested label Sep 24, 2022
@RineshRamadhin RineshRamadhin self-assigned this Sep 24, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
question Further information is requested
Projects
None yet
Development

No branches or pull requests

2 participants