RomanNum3ral
/
OpenCut
mirror of https://github.com/OpenCut-app/OpenCut.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

update PropertyItem component and frame rate dropdown to flex-col so label and value are not on the same line

This commit is contained in:
itsobi 2025-07-25 07:56:05 -05:00
parent 65c3f9f7f7
commit e3504de1f1
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
apps/web/src/components/editor/properties-panel/index.tsx
View File

@ -41,7 +41,7 @@ export function PropertiesPanel() {
label="Resolution:"
value={`${canvasSize.width} × ${canvasSize.height}`}
/>
<div className="flex justify-between items-center">
<div className="flex flex-col gap-1">
<Label className="text-xs text-muted-foreground">Frame rate:</Label>
<Select
value={(activeProject?.fps || 30).toString()}
@ -101,9 +101,9 @@ export function PropertiesPanel() {
function PropertyItem({ label, value }: { label: string; value: string }) {
return (
<div className="flex justify-between">
<div className="flex flex-col gap-1">
<Label className="text-xs text-muted-foreground">{label}</Label>
<span className="text-xs text-right truncate w-40" title={value}>
<span className="text-xs break-words" title={value}>
{value}
</span>
</div>