Feature suggestion, add an option to display images vertically & help needed

[zztaouil]

I added an option called vertical which is by default false, if it's true I run this:

  let vertical = data.args["vertical"]

  if (vertical === true) {
    container.classList.remove("container");
    container.classList.add("v-container");
  }

The diff between container and v-container is flex-direction: column.

I need help with css, when displaying pictures vertically they don't use all the width. eg:

Any css wizard that can help me with this, if this feature is useful I can create a PR

Thank you @jrieke for this life saving project

[zztaouil]

Figured it out, I edited .item in style.css

.container {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.v-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.item {
    /* width: 10rem; */
    /* width: fit-content; */
    margin: auto;
}

vertical=True

vertical=False

You can go ahead and close this issue, big thanks