mirror of
https://github.com/comfyanonymous/ComfyUI.git
synced 2025-01-11 02:15:17 +00:00
80 lines
1.8 KiB
CSS
80 lines
1.8 KiB
CSS
|
|
||
|
|
:root {
|
||
|
|
--p-tag-gap: 0.5rem;
|
||
|
|
}
|
||
|
|
.hover-brighten {
|
||
|
|
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
||
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||
|
|
transition-duration: 150ms;
|
||
|
|
transition-property: filter, box-shadow;
|
||
|
|
&:hover {
|
||
|
|
filter: brightness(107%) contrast(105%);
|
||
|
|
box-shadow: 0 0 0.25rem #ffffff79;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.p-accordioncontent-content {
|
||
|
|
border-radius: 0.5rem;
|
||
|
|
--tw-bg-opacity: 1;
|
||
|
|
background-color: rgb(23 23 23 / var(--tw-bg-opacity));
|
||
|
|
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
||
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||
|
|
transition-duration: 150ms;
|
||
|
|
}
|
||
|
|
div.selected {
|
||
|
|
.gpu-button:not(.selected) {
|
||
|
|
opacity: 0.5;
|
||
|
|
}
|
||
|
|
.gpu-button:not(.selected):hover {
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.gpu-button {
|
||
|
|
margin: 0px;
|
||
|
|
display: flex;
|
||
|
|
width: 50%;
|
||
|
|
cursor: pointer;
|
||
|
|
flex-direction: column;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: space-around;
|
||
|
|
border-radius: 0.5rem;
|
||
|
|
background-color: rgb(38 38 38 / var(--tw-bg-opacity));
|
||
|
|
--tw-bg-opacity: 0.5;
|
||
|
|
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
||
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||
|
|
transition-duration: 150ms;
|
||
|
|
}
|
||
|
|
.gpu-button:hover {
|
||
|
|
--tw-bg-opacity: 0.75;
|
||
|
|
}
|
||
|
|
.gpu-button {
|
||
|
|
&.selected {
|
||
|
|
--tw-bg-opacity: 1;
|
||
|
|
background-color: rgb(64 64 64 / var(--tw-bg-opacity));
|
||
|
|
}
|
||
|
|
&.selected {
|
||
|
|
--tw-bg-opacity: 0.5;
|
||
|
|
}
|
||
|
|
&.selected {
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
&.selected:hover {
|
||
|
|
--tw-bg-opacity: 0.6;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.disabled {
|
||
|
|
pointer-events: none;
|
||
|
|
opacity: 0.4;
|
||
|
|
}
|
||
|
|
.p-card-header {
|
||
|
|
flex-grow: 1;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.p-card-body {
|
||
|
|
padding-top: 0px;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-v-de33872d] .p-steppanel {
|
||
|
|
background-color: transparent
|
||
|
|
}
|