duckietm/Nitro-V3
1
0
Fork 0
mirror of https://github.com/duckietm/Nitro-V3.git synced 2026-06-19 23:16:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(wired-ui): expand advanced wired editors

Browse Source
This commit is contained in:
Lorenzune
2026-03-21 14:27:57 +01:00
parent cb0a9242b5
commit 27cb71f0cc
90 changed files with 3529 additions and 538 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/common/card/NitroCardView.tsx
+4 -3
View File
@@ -6,16 +6,17 @@ import { NitroCardContextProvider } from './NitroCardContext';
export interface NitroCardViewProps extends DraggableWindowProps, ColumnProps
{
theme?: string;
isResizable?: boolean;
}
export const NitroCardView: FC<NitroCardViewProps> = props =>
{
const { theme = 'primary', uniqueKey = null, handleSelector = '.drag-handler', windowPosition = DraggableWindowPosition.CENTER, disableDrag = false, overflow = 'hidden', position = 'relative', gap = 0, classNames = [], ...rest } = props;
const { theme = 'primary', uniqueKey = null, handleSelector = '.drag-handler', windowPosition = DraggableWindowPosition.CENTER, disableDrag = false, overflow = 'hidden', position = 'relative', gap = 0, classNames = [], isResizable = true, ...rest } = props;
const elementRef = useRef<HTMLDivElement>();
const getClassNames = useMemo(() =>
{
const newClassNames: string[] = [ 'resize', 'rounded', 'shadow', ];
const newClassNames: string[] = [ isResizable ? 'resize' : 'resize-none', 'rounded', 'shadow' ];
// Card Theme Changer
newClassNames.push('border border-[#283F5D]');
@@ -23,7 +24,7 @@ export const NitroCardView: FC<NitroCardViewProps> = props =>
if(classNames.length) newClassNames.push(...classNames);
return newClassNames;
}, [ classNames ]);
}, [ classNames, isResizable ]);
return (
<NitroCardContextProvider value={ { theme } }>
src/common/draggable-window/DraggableWindow.tsx
+3 -1
View File
@@ -232,7 +232,9 @@ export const DraggableWindow: FC<DraggableWindowProps> = props => {
...dragStyle,
left: 0,
top: 0,
transform: `translate(${offset.x + delta.x}px, ${offset.y + delta.y}px)`,
transform: `translate3d(${offset.x + delta.x}px, ${offset.y + delta.y}px, 0)`,
willChange: isDragging ? 'transform' : undefined,
backfaceVisibility: 'hidden',
visibility: isPositioned ? 'visible' : 'hidden'
}}
onMouseDownCapture={onMouseDown}