Browse Source

First working layout sort of.

master
Zed A. Shaw 7 months ago
parent
commit
342bf8a4ed
  1. 11
      src/routes/live/index.svelte

11
src/routes/live/index.svelte

@ -58,7 +58,7 @@
@import 'sass/_variables';
.content {
margin-top: 1em;
padding: 0.5rem;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: auto;
@ -82,12 +82,13 @@
display: flex;
flex-direction: column;
align-items: stretch;
margin-left: 1rem;
margin-bottom: 1rem;
margin-left: 0.5rem;
margin-bottom: 0.5rem;
}
card card-image {
aspect-ratio: 16/9;
display: block;
flex-grow: 0;
}
card card-info {
@ -106,7 +107,7 @@
<div class="content grid-xlg" data-testid="live-listing-page">
{#each streams as stream, i}
<card>
<card-image>
<card-image>
<a alt="View {stream.metadata.title}" aria-label="View {stream.metadata.title}" href="/live/{stream.metadata.slug}" data-testid="stream-image-link-{i}">
{#if stream.metadata.video && stream.metadata.video.poster }
<img alt="{stream.metadata.title} image" src="{stream.metadata.video.poster}" class="img-responsive">

Loading…
Cancel
Save