canopy/www/css/index.css
2024-11-15 17:44:03 -05:00

60 lines
1.5 KiB
CSS

/*Canopy - The next generation of stoner streaming software
Copyright (C) 2024 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/>.*/
@media (orientation: landscape){
#channel-guide-div{
max-width: 100vh;
}
}
@media (orientation: portrait){
#channel-guide-div{
max-width: 80vw;
}
}
#channel-guide-div{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(11em, 1fr));
margin: 0 auto 0 auto;
}
div.channel-guide-entry{
overflow: hidden;
width: 10em;
margin: 0.5em;
}
.channel-guide-entry{
margin: 0.5em auto 0.5em auto;
padding: 0.2em;
display: flex;
flex-direction: column;
}
.channel-guide-entry-item{
margin: 0.1em auto 0.1em auto;
}
span.channel-guide-entry-item{
overflow: scroll;
height: 2em;
}
p.channel-guide-entry{
font-size: 0.8em;
margin-left: 0;
}