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

fix: use grid for better project title responsiveness and ellipsis

Browse Source
This commit is contained in:
Kha Nguyen
2025-07-23 00:37:14 -05:00
parent cabf860330
commit e0fac61a91
1 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/components/editor/properties-panel/index.tsx
+6 -4
View File
@@ -79,7 +79,7 @@ export function PropertiesPanel() {
} }
if (element?.type === "media") { if (element?.type === "media") {
const mediaItem = mediaItems.find( const mediaItem = mediaItems.find(
(item) => item.id === element.mediaId (item) => item.id === element.mediaId,
); );
if (mediaItem?.type === "audio") { if (mediaItem?.type === "audio") {
@@ -101,9 +101,11 @@ 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="grid justify-between grid-cols-6">
<Label className="text-xs text-muted-foreground">{label}</Label> <Label className="text-xs text-muted-foreground col-span-2">
<span className="text-xs text-right truncate w-40" title={value}> {label}
</Label>
<span className="text-xs text-right col-span-4 truncate" title={value}>
{value} {value}
</span> </span>
</div> </div>