alphard/ComfyUI-Lora-Manager
1
0
Fork 0
mirror of https://github.com/willmiao/ComfyUI-Lora-Manager.git synced 2026-03-21 21:22:11 -03:00
Code Issues Packages Projects Releases Wiki Activity

Add context menu checkpoint

Browse Source
This commit is contained in:
Will Miao
2025-02-18 00:02:12 +08:00
parent 425ba1fd36
commit 31c1139b32
7 changed files with 157 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
static/css/base.css
View File

@@ -31,7 +31,7 @@ html {
/* Color System */
--lora-accent: oklch(68% 0.28 256);
--lora-surface: oklch(100% 0 0 / 0.95);
--lora-surface: oklch(100% 0 0 / 0.98);
--lora-border: oklch(90% 0.02 256 / 0.15);
--lora-text: oklch(95% 0.02 256);
--lora-error: oklch(75% 0.32 29);
@@ -59,7 +59,7 @@ html {
--border-color: #404040;
--lora-accent: oklch(68% 0.28 256);
--lora-surface: oklch(25% 0.02 256 / 0.85);
--lora-surface: oklch(25% 0.02 256 / 0.98);
--lora-border: oklch(90% 0.02 256 / 0.15);
--lora-text: oklch(98% 0.02 256);
}

42
static/css/components/menu.css Normal file
View File

@@ -0,0 +1,42 @@
.context-menu {
position: fixed;
background: var(--lora-surface);
border: 1px solid var(--border-color);
border-radius: var(--border-radius-xs);
padding: 4px 0;
min-width: 180px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
z-index: 1000;
display: none;
backdrop-filter: blur(10px);
}
.context-menu-item {
padding: 8px 12px;
cursor: pointer;
display: flex;
align-items: center;
gap: 8px;
color: var(--text-color);
background: var(--lora-surface);
}
.context-menu-item:hover {
background-color: var(--lora-accent);
color: var(--lora-text);
}
.context-menu-separator {
height: 1px;
background-color: var(--border-color);
margin: 4px 0;
}
.context-menu-item.delete-item {
color: var(--danger-color);
}
.context-menu-item i {
width: 16px;
text-align: center;
}

1
static/css/style.css
View File

@@ -9,6 +9,7 @@
@import 'components/modal.css';
@import 'components/toast.css';
@import 'components/loading.css';
@import 'components/menu.css';
.initialization-notice {
display: flex;