External/OpenCut
1
0
Fork 0
mirror of https://github.com/OpenCut-app/OpenCut.git synced 2026-07-13 21:52:53 +02:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #457 from itsobi/fix/properties-panel-gets-cut-off-on-smaller-browser-widths

Browse Source 
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:
Maze
2025-07-26 11:24:41 +02:00
committed by GitHub
parent c34f3994d9 e3504de1f1
commit 4f60c0d354
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/components/editor/properties-panel/index.tsx
+3 -3
View File
@@ -41,7 +41,7 @@ export function PropertiesPanel() {
label="Resolution:" label="Resolution:"
value={`${canvasSize.width} × ${canvasSize.height}`} 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> <Label className="text-xs text-muted-foreground">Frame rate:</Label>
<Select <Select
value={(activeProject?.fps || 30).toString()} value={(activeProject?.fps || 30).toString()}
@@ -101,9 +101,9 @@ export function PropertiesPanel() {
function PropertyItem({ label, value }: { label: string; value: string }) { function PropertyItem({ label, value }: { label: string; value: string }) {
return ( return (
<div className="flex justify-between"> <div className="flex flex-col gap-1">
<Label className="text-xs text-muted-foreground">{label}</Label> <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} {value}
</span> </span>
</div> </div>