responsive
This commit is contained in:
parent
6bb6019ad5
commit
21e0e0dd9c
11
app.js
11
app.js
@ -107,6 +107,15 @@ const StyledRoot = styled.div`
|
|||||||
background: red;
|
background: red;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media(max-width:500px)
|
||||||
|
{
|
||||||
|
flex-wrap: wrap;
|
||||||
|
.Pointer
|
||||||
|
{
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.Alert
|
.Alert
|
||||||
{
|
{
|
||||||
@ -318,7 +327,7 @@ const BroadcastItem = ({item, previous, priority, selected, select}) =>
|
|||||||
|
|
||||||
return html`
|
return html`
|
||||||
${ partition }
|
${ partition }
|
||||||
<div class="Broadcast" key=${item.id} onClick=${select}>
|
<div class=${`Broadcast ${item.timeframe}`} key=${item.id}>
|
||||||
<div class="Pointer">${ pointerText }</div>
|
<div class="Pointer">${ pointerText }</div>
|
||||||
<div class="Time">${item.start.Hours}:${item.start.Minutes} ${item.start.M}</div>
|
<div class="Time">${item.start.Hours}:${item.start.Minutes} ${item.start.M}</div>
|
||||||
<div class="Title">${item.name}</strong>
|
<div class="Title">${item.name}</strong>
|
||||||
|
Loading…
Reference in New Issue
Block a user