happyz
/
Fooocus
mirror of https://github.com/lllyasviel/Fooocus.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

speed up animation

This commit is contained in:
ChrisColeTech 2024-08-30 04:22:20 -04:00
parent c8d4d2df46
commit ce74b6b733
2 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
web/assets/css/styles.css
View File

@ -1,6 +1,6 @@
#chart-button {
position: sticky;
transition: background-color 0.3s ease, width 0.8s ease, height 0.8s ease, transform 0.8s ease;
transition: background-color 0.3s ease, width 0.8s ease, height 0.8s ease, transform 0.5s ease;
background-color: #00000096 !important;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) !important;
color: white !important;
@ -26,11 +26,11 @@
will-change: transform;
text-align: center;
transition: width 0.8s ease, height 0.8s ease, transform 0.3s ease;
transform: scale(0);
display: none;
}
#chart-button-container.active {
transform: scale(1);
display: block;
}
#mydivheader {

4
web/assets/js/script.js
View File

@ -675,6 +675,8 @@ window.showPerfMonitor = async function () {
const chartButtonContainer = document.getElementById('chart-button-container')
if (shouldShowPerfMonitor === true) {
$(chartButtonContainer).toggleClass('active')
localStorage.setItem('hasUpdates', 'true')
startInterval()
await updateChartSize()
@ -682,13 +684,13 @@ window.showPerfMonitor = async function () {
} else {
setTimeout(() => {
stopInterval()
$(chartButtonContainer).toggleClass('active')
}, 500)
chartButton.classList.remove('small', 'medium', 'large')
$(chartWrapper).fadeOut()
}
$(chartButton).toggleClass('active')
$(chartButtonContainer).toggleClass('active')
}
// when the close button is clicked