octo/mastoradio-fork
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

update store and views for new ui

Browse Source
This commit is contained in:
wryk
2020-01-20 04:49:38 +01:00
parent c27804bcb0
commit 133bd05558
4 changed files with 75 additions and 116 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
src/components/App.svelte
View File

@ -6,17 +6,12 @@
<section class="viewer">
{#if $current}
<Viewer></Viewer>
<Controls></Controls>
{/if}
</section>
<section class="queue">
<Queue></Queue>
</section>
<section class="controls">
<Controls></Controls>
</section>
</main>
@ -33,59 +28,5 @@
.app {
min-width: 100%;
min-height: 100%;
display: grid;
grid-template-columns: 1fr;
grid-template-areas:
"header"
"viewer"
"queue"
"controls";
}
.header {
grid-area: header;
position: sticky;
top: 0;
background: blueviolet;
color: whitesmoke;
padding: 0.4rem 0.8rem;
}
.header h1 {
margin: 0;
}
.viewer {
grid-area: viewer;
}
.queue {
grid-area: queue;
}
.controls {
grid-area: controls;
width: 100%;
position: sticky;
bottom: 0;
background: whitesmoke;
}
@media (min-width: 992px) {
.app {
grid-template-columns: 2fr 3fr;
grid-template-rows: auto 1fr auto;
grid-template-areas:
"header queue"
"viewer queue"
"controls controls"
}
}
</style>