{{#if media.length}} <div class="compose-media-container" style="grid-template-columns: repeat({{media.length}}, 1fr);"> {{#each media as mediaItem, index}} <ComposeMediaItem :realm :mediaItem :index :mediaDescriptions /> {{/each}} </div> {{/if}} <style> .compose-media-container { grid-area: media; display: grid; grid-column-gap: 5px; align-items: center; justify-content: center; margin-top: 10px; background: var(--form-bg); padding: 5px; border-radius: 4px; } </style> <script> import { store } from '../../_store/store' import ComposeMediaItem from './ComposeMediaItem.html' export default { store: () => store, components: { ComposeMediaItem } } </script>