lllyasviel/stable-diffusion-webui-forge
1
0
Fork 0
mirror of https://github.com/lllyasviel/stable-diffusion-webui-forge.git synced 2026-04-21 14:59:05 +00:00
Code Issues Packages Projects Releases Wiki Activity

two options for Forge canvas toolbar (#2613)

Browse Source
This commit is contained in:
DenOfEquity
2025-02-03 23:28:40 +00:00
committed by GitHub
parent daee4c0d8f
commit f953e9cacb
3 changed files with 38 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
modules_forge/forge_canvas/canvas.css
View File

@@ -5,6 +5,16 @@
overflow: hidden;
}
.forge-image-container-plain {
width: 100%;
height: calc(100% - 6px);
position: relative;
overflow: hidden;
background-color: #202020;
background-size: 20px 20px;
background-position: 0 0, 10px 10px;
}
.forge-image-container {
width: 100%;
height: calc(100% - 6px);
@@ -48,6 +58,16 @@
left: 0;
}
.forge-toolbar-static {
position: absolute;
top: 0px;
left: 0px;
z-index: 10 !important;
background: rgba(47, 47, 47, 0.8);
padding: 6px 10px;
opacity: 1.0 !important;
}
.forge-toolbar {
position: absolute;
top: 0px;
@@ -59,7 +79,7 @@
transition: opacity 0.3s ease;
}
.forge-toolbar .forge-btn {
.forge-toolbar .forge-btn, .forge-toolbar-static .forge-btn {
padding: 2px 6px;
border: none;
background-color: #4a4a4a;
@@ -69,11 +89,11 @@
transition: background-color 0.3s ease;
}
.forge-toolbar .forge-btn:hover {
.forge-toolbar .forge-btn, .forge-toolbar-static .forge-btn:hover {
background-color: #5e5e5e;
}
.forge-toolbar .forge-btn:active {
.forge-toolbar .forge-btn, .forge-toolbar-static .forge-btn:active {
background-color: #3e3e3e;
}
@@ -156,4 +176,4 @@
width: 30%;
height: 30%;
transform: translate(-50%, -50%);
}
}