Files
AEmotionStudio-ComfyUI-Magn…/web/style.css
T

81 lines
1.8 KiB
CSS

.mag-info-panel[data-v-687c6e82] {
position: fixed;
bottom: 20px;
left: 20px;
background: var(--comfy-menu-bg, #222);
color: var(--comfy-text-color, #fff);
border: 1px solid var(--border-color, #444);
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0,0,0,0.3);
overflow: hidden;
font-family: sans-serif;
z-index: 1000;
pointer-events: auto;
}
.mag-panel-header[data-v-687c6e82] {
display: flex;
justify-content: space-between;
align-items: center;
padding: 8px 12px;
background: rgba(255,255,255,0.05);
border-bottom: 1px solid rgba(255,255,255,0.1);
cursor: grab;
}
.mag-panel-header[data-v-687c6e82]:active {
cursor: grabbing;
}
.mag-panel-title[data-v-687c6e82] {
font-weight: bold;
}
.mag-panel-controls[data-v-687c6e82] {
display: flex;
gap: 4px;
}
.mag-panel-controls button[data-v-687c6e82] {
background: transparent;
border: none;
color: inherit;
cursor: pointer;
padding: 4px 8px;
border-radius: 4px;
}
.mag-panel-controls button[data-v-687c6e82]:hover {
background: rgba(255,255,255,0.1);
}
.mag-panel-controls button.active[data-v-687c6e82] {
background: rgba(59, 130, 246, 0.3);
}
.mag-panel-content[data-v-687c6e82] {
padding: 12px;
max-height: 400px;
overflow-y: auto;
}
.mag-node-info h3[data-v-687c6e82] {
margin-top: 0;
margin-bottom: 10px;
border-bottom: 1px solid rgba(255,255,255,0.1);
padding-bottom: 5px;
}
.mag-property-grid[data-v-687c6e82] {
display: grid;
gap: 4px;
}
.mag-prop-row[data-v-687c6e82] {
display: flex;
justify-content: space-between;
}
.mag-prop-label[data-v-687c6e82] {
opacity: 0.7;
}
.mag-empty-state[data-v-687c6e82] {
opacity: 0.6;
text-align: center;
padding: 20px;
}
.theme-light[data-v-687c6e82] {
background: #fff;
color: #333;
border-color: #ccc;
}