FIX: chỉnh sửa UI của master strip
This commit is contained in:
+10
-8
@@ -951,8 +951,9 @@ const MasterStripConsole = ({ masterVolume, setMasterVolume, showMasteringModal,
|
||||
)
|
||||
),
|
||||
React.createElement("div", { className: "flex gap-2 my-2 justify-between items-stretch shrink-0", style: {height: '150px'} },
|
||||
React.createElement("div", { className: "flex-1 flex items-stretch justify-between bg-black/80 p-1.5 rounded border border-slate-800/90 relative shadow-inner" },
|
||||
React.createElement("div", { className: "flex flex-col h-full text-[8px] font-mono text-slate-400 select-none pr-1 text-right border-r border-slate-800/60 overflow-hidden" },
|
||||
React.createElement("div", { className: "flex-1 flex flex-col bg-black/80 p-1.5 rounded border border-slate-800/90 relative shadow-inner" },
|
||||
React.createElement("div", { className: "flex-1 flex items-stretch justify-between min-h-0" },
|
||||
React.createElement("div", { className: "flex flex-col h-full text-[8px] font-mono text-slate-400 select-none pr-1 text-right border-r border-slate-800/60 overflow-hidden" },
|
||||
React.createElement("span", { className: "flex-1 flex items-center justify-end" }, "+12"), React.createElement("span", { className: "flex-1 flex items-center justify-end" }, "+6"), React.createElement("span", { className: "flex-1 flex items-center justify-end" }, "0"), React.createElement("span", { className: "flex-1 flex items-center justify-end" }, "-6"),
|
||||
React.createElement("span", { className: "flex-1 flex items-center justify-end" }, "-12"), React.createElement("span", { className: "flex-1 flex items-center justify-end" }, "-18"), React.createElement("span", { className: "flex-1 flex items-center justify-end" }, "-24"), React.createElement("span", { className: "flex-1 flex items-center justify-end" }, "-30"),
|
||||
React.createElement("span", { className: "flex-1 flex items-center justify-end" }, "-36"), React.createElement("span", { className: "flex-1 flex items-center justify-end" }, "-42"), React.createElement("span", { className: "flex-1 flex items-center justify-end" }, "-54")
|
||||
@@ -966,8 +967,13 @@ const MasterStripConsole = ({ masterVolume, setMasterVolume, showMasteringModal,
|
||||
React.createElement("div", { className: "flex flex-col h-full text-[8px] font-mono text-slate-400 select-none pl-1 text-left border-l border-slate-800/60 overflow-hidden" },
|
||||
React.createElement("span", { className: "flex-1 flex items-center justify-start" }, "+12"), React.createElement("span", { className: "flex-1 flex items-center justify-start" }, "+6"), React.createElement("span", { className: "flex-1 flex items-center justify-start" }, "0"), React.createElement("span", { className: "flex-1 flex items-center justify-start" }, "-6"),
|
||||
React.createElement("span", { className: "flex-1 flex items-center justify-start" }, "-12"), React.createElement("span", { className: "flex-1 flex items-center justify-start" }, "-18"), React.createElement("span", { className: "flex-1 flex items-center justify-start" }, "-24"), React.createElement("span", { className: "flex-1 flex items-center justify-start" }, "-30"),
|
||||
React.createElement("span", { className: "flex-1 flex items-center justify-start" }, "-36"), React.createElement("span", { className: "flex-1 flex items-center justify-start" }, "-42"), React.createElement("span", { className: "flex-1 flex items-center justify-start" }, "-54")
|
||||
)
|
||||
React.createElement("span", { className: "flex-1 flex items-center justify-start" }, "-36"), React.createElement("span", { className: "flex-1 flex items-center justify-start" }, "-42"), React.createElement("span", { className: "flex-1 flex items-center justify-start" }, "-54")
|
||||
)
|
||||
),
|
||||
React.createElement("div", { className: "flex justify-between text-[9px] font-mono text-slate-400 mt-0.5" },
|
||||
React.createElement("span", { ref: peakLRef }, "-inf"),
|
||||
React.createElement("span", { ref: peakRRef }, "-inf")
|
||||
)
|
||||
),
|
||||
React.createElement("div", { className: "w-16 flex items-stretch gap-1 bg-slate-900/60 p-1 rounded border border-slate-800" },
|
||||
React.createElement("div", {
|
||||
@@ -1039,10 +1045,6 @@ const MasterStripConsole = ({ masterVolume, setMasterVolume, showMasteringModal,
|
||||
)
|
||||
)
|
||||
),
|
||||
React.createElement("div", { className: "flex justify-between w-full text-[9px] font-mono text-slate-400 px-2 mt-0.5 mb-0.5" },
|
||||
React.createElement("span", { ref: peakLRef }, "-inf"),
|
||||
React.createElement("span", { ref: peakRRef }, "-inf")
|
||||
),
|
||||
React.createElement("div", { className: "mt-1 pt-1 border-t border-slate-800 flex flex-col items-center" },
|
||||
React.createElement("div", { className: "flex justify-between w-full text-[9px] font-mono mb-0.5" },
|
||||
React.createElement("span", { className: "text-emerald-400" }, "RMS"),
|
||||
|
||||
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user