wangbo/ComfyUI
1
0
Fork 0
mirror of https://github.com/comfyanonymous/ComfyUI.git synced 2026-01-11 14:50:49 +08:00
Code Issues Actions 11 Packages Projects Releases Wiki Activity

ComfyUI - Comfy Menu

Browse Source 
A comfy menu for ComfyUI
This commit is contained in:
WAS 2023-03-24 14:44:19 -07:00 committed by GitHub
parent 4adcea7228
commit a1cc6ede22
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 19 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
web/style.css
View File

@ -82,23 +82,35 @@ body {
} }
.comfy-menu { .comfy-menu {
width: 200px;
font-size: 15px; font-size: 15px;
position: absolute; position: absolute;
top: 50%; top: 50%;
right: 0%; right: 0;
background-color: white; transform: translateY(-50%);
color: #000; color: #ACACAC;
text-align: center; text-align: center;
z-index: 100; z-index: 100;
width: 170px; width: 170px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
box-shadow: 0 0 40px rgba(0,0,0,0.5);
padding: 10px 15px 10px 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
background-color: #454545;
background: linear-gradient(90deg, rgba(120,120,120,0.25) 0%, rgba(120,120,120,0.25) 75%, rgba(34,34,34,0.25) 100%);
backdrop-filter: blur(30px);
border-left: 4px solid rgba(255,255,255,0.25);
border-top: 2px solid rgba(255,255,255,0.25);
border-bottom: 2px solid rgba(255,255,255, 0.1);
} }
.comfy-menu button { .comfy-menu button {
font-size: 20px; font-size: 20px;
margin: 4px;
background-color: #999999;
border-radius: 5px;
} }
.comfy-menu-btns { .comfy-menu-btns {
@ -116,14 +128,15 @@ body {
} }
.comfy-list { .comfy-list {
background-color: rgb(225, 225, 225); background-color: rgba(0,0,0,0.5);
margin-bottom: 10px; margin-bottom: 10px;
border-radius: 5px;
} }
.comfy-list-items { .comfy-list-items {
overflow-y: scroll; overflow-y: scroll;
max-height: 100px; max-height: 100px;
background-color: #d0d0d0; background-color: rgba(0,0,0,0.25);
padding: 5px; padding: 5px;
} }