Kraut.World/server
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #456 from thecodingmachine/performance

Browse source 
Performance settings
This commit is contained in:
Kharhamel 2020-12-03 14:33:12 +01:00 • committed by GitHub
commit 95665a28d5
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 308 additions and 51 deletions
Download patch file Download diff file Expand all files Collapse all files

1
front/dist/resources/logos/monitor-yellow.svg vendored Normal file
View file

@ -0,0 +1 @@
<svg id="Capa_1" data-name="Capa 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 377.87"><defs><style>.cls-1{fill:#ffda01;}</style></defs><path class="cls-1" d="M494.6,67.07H17.4A17.4,17.4,0,0,0,0,84.46V343.84a17.4,17.4,0,0,0,17.4,17.39H494.6A17.4,17.4,0,0,0,512,343.84V84.46a17.4,17.4,0,0,0-17.4-17.39Z" transform="translate(0 -67.07)"/><path class="cls-1" d="M355.42,414.75H296.35V391.42h-80.7v23.33H156.58a15.1,15.1,0,1,0,0,30.19H355.42a15.1,15.1,0,1,0,0-30.19Z" transform="translate(0 -67.07)"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 512 B

39
front/dist/resources/style/style.css vendored
View file

@ -74,6 +74,10 @@ body .message-info.warning{
height: 100%;
}
.video-container video:focus{
outline: none;
}
.video-container#div-myCamVideo{
border: none;
}
@ -455,6 +459,8 @@ body {
flex-grow: 5;
}
/*CONSOLE*/
.message-container,
.main-console{
position: absolute;
@ -467,6 +473,7 @@ body {
background: #333333;
z-index: 200;
transition: all 0.1s ease-out;
border-radius: 0 0 15px 15px;
}
.message-container{
@ -499,6 +506,16 @@ body {
text-align: center;
}
.main-console div.message,
.main-console div.setting{
display: none;
}
.main-console div.message.active,
.main-console div.setting.active{
display: block;
}
.message-container div.clear{
width: 100px;
left: calc(50% - 50px);
@ -648,6 +665,28 @@ body {
margin-left: 10px;
}
/* VIDEO QUALITY */
.main-console div.setting h1{
color: white;
}
.main-console div.setting select{
background: black;
color: white;
min-width: 280px;
text-align: center;
min-height: 40px;
padding: 10px;
border-radius: 15px;
}
.main-console div.setting select:focus{
border: solid 1px white;
outline: none;
}
.main-console div.setting.active section{
display: block;
}
/*REPORT input*/
div.modal-report-user{
position: absolute;