ext/hyperframes
2
0
Fork 0
mirror of https://github.com/heygen-com/hyperframes.git synced 2026-09-10 22:20:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(studio): add color grading inspector controls

Browse Source
This commit is contained in:
ukimsanov
2026-06-16 13:41:41 -07:00
parent d1162cd1b1
commit 8b92f37635
28 changed files with 1433 additions and 179 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/studio/src/styles/studio.css
+81
View File
@@ -20,6 +20,87 @@ body {
overflow: hidden;
}
.hf-color-grading-number::-webkit-outer-spin-button,
.hf-color-grading-number::-webkit-inner-spin-button {
margin: 0;
appearance: none;
}
.hf-color-grading-number {
-moz-appearance: textfield;
appearance: textfield;
}
.hf-color-grading-range {
height: 1.5rem;
cursor: default;
-webkit-appearance: none;
appearance: none;
background: transparent;
}
.hf-color-grading-range:disabled {
cursor: not-allowed;
opacity: 0.5;
}
.hf-color-grading-range::-webkit-slider-runnable-track {
height: 1.25rem;
border: 0;
background: transparent;
}
.hf-color-grading-range::-webkit-slider-thumb {
width: 0.625rem;
height: 1rem;
margin-top: 0.125rem;
border: 0;
border-radius: 999px;
-webkit-appearance: none;
appearance: none;
background: #ffffff;
box-shadow:
0 0 0 2px #0c0c0e,
0 1px 4px rgba(0, 0, 0, 0.55);
cursor: default;
}
.hf-color-grading-range::-moz-range-track {
height: 1.25rem;
border: 0;
background: transparent;
}
.hf-color-grading-range::-moz-range-thumb {
width: 0.625rem;
height: 1rem;
border: 0;
border-radius: 999px;
background: #ffffff;
box-shadow:
0 0 0 2px #0c0c0e,
0 1px 4px rgba(0, 0, 0, 0.55);
cursor: default;
}
.hf-color-grading-range:focus-visible {
outline: none;
}
.hf-color-grading-range:focus-visible::-webkit-slider-thumb {
box-shadow:
0 0 0 2px #0c0c0e,
0 0 0 4px rgba(60, 230, 172, 0.22),
0 1px 4px rgba(0, 0, 0, 0.55);
}
.hf-color-grading-range:focus-visible::-moz-range-thumb {
box-shadow:
0 0 0 2px #0c0c0e,
0 0 0 4px rgba(60, 230, 172, 0.22),
0 1px 4px rgba(0, 0, 0, 0.55);
}
#root {
width: 100vw;
/*