Started work on queue panel

This commit is contained in:
rainbow napkin 2025-01-21 08:15:35 -05:00
parent 4f6b3318a0
commit 42c20455e5
16 changed files with 342 additions and 14 deletions

47
www/css/panel/queue.css Normal file
View file

@ -0,0 +1,47 @@
/*Canopy - The next generation of stoner streaming software
Copyright (C) 2024-2025 Rainbownapkin and the TTN Community
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as
published by the Free Software Foundation, either version 3 of the
License, or (at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU Affero General Public License for more details.
You should have received a copy of the GNU Affero General Public License
along with this program. If not, see <https://www.gnu.org/licenses/>.*/
#queue{
position: relative;
display: grid;
grid-template-columns: auto 75%;
}
div.queue-marker{
display: flex;
flex-direction: row;
align-items: center;
grid-column: 1;
z-index: 2;
}
span.queue-marker{
height: 1px;
min-width: 5px;
flex: 1;
}
div.queue-entry{
overflow: hidden;
margin: 1.5em 0.5em;
grid-column: 2;
}
#time-marker{
position: absolute;
height: 1px;
width: 100%;
}