134 lines
2.5 KiB
CSS
134 lines
2.5 KiB
CSS
/*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/>.*/
|
|
#account{
|
|
display: flex;
|
|
margin-top: 2em;
|
|
justify-content: space-evenly;
|
|
}
|
|
|
|
#profile-div{
|
|
display: flex;
|
|
padding: 1em;
|
|
flex-direction: row;
|
|
overflow-y: hidden;
|
|
}
|
|
|
|
#profile-info{
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
flex: 1;
|
|
}
|
|
|
|
#profile-info-aux{
|
|
flex: 2;
|
|
margin: 0 1em;
|
|
}
|
|
|
|
#account-settings-div{
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding: 1em;
|
|
}
|
|
|
|
#account-settings-buttons{
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-around;
|
|
flex: 1;
|
|
}
|
|
|
|
#profile-username{
|
|
margin: 0;
|
|
}
|
|
|
|
#profile-img{
|
|
position: relative;
|
|
}
|
|
|
|
#profile-img-content{
|
|
margin: 1em 0;
|
|
}
|
|
|
|
#profile-img-prompt{
|
|
position: absolute;
|
|
left: -2em;
|
|
right: -2em;
|
|
top: calc(50% - 1.3em);
|
|
}
|
|
|
|
.profile-toke-count{
|
|
margin: 0;
|
|
}
|
|
|
|
span.profile-item{
|
|
display: flex;
|
|
flex-direction: row;
|
|
width: fit-content;
|
|
margin: 0.2em;
|
|
}
|
|
|
|
p.profile-item{
|
|
margin: 0;
|
|
}
|
|
|
|
span.profile-item-oneliner{
|
|
text-wrap: nowrap
|
|
}
|
|
|
|
.profile-item-prompt{
|
|
display: none;
|
|
}
|
|
|
|
#profile-tokes{
|
|
resize: vertical;
|
|
width: fit-content;
|
|
height: fit-content;
|
|
min-height: 1.5em;
|
|
max-height: 5.8em;
|
|
padding: 0.5em 0;
|
|
border-bottom-right-radius: 0;
|
|
text-wrap: nowrap;
|
|
visibility: collapse;
|
|
}
|
|
|
|
/*Little hacky but this keeps initial max-height from fucking up resizing*/
|
|
#profile-tokes[style*="height"]{
|
|
max-height: 40vh;
|
|
}
|
|
|
|
.profile-toke{
|
|
margin: 0.2em 1em;
|
|
}
|
|
|
|
#profile-bio-label{
|
|
margin-bottom: 0.2em;
|
|
}
|
|
|
|
#profile-bio-content{
|
|
width: 30VW;
|
|
}
|
|
|
|
#profile-bio-prompt{
|
|
width: 30VW;
|
|
height: 11em;
|
|
resize: vertical;
|
|
}
|
|
|
|
/* temp */
|
|
input:not([type="checkbox"]):not(.navbar-item):not(.profile-item-prompt){
|
|
display: block;
|
|
} |