skills/digitalsamba__claude-code-video-toolkit
1
0
Fork 0
mirror of https://github.com/digitalsamba/claude-code-video-toolkit.git synced 2026-09-18 19:41:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

Add configurable size prop to LogoWatermark component

Browse Source 
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Conal Mullan
2026-01-26 23:51:43 +00:00
parent efc2cb2829
commit 273f5e52ec
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/components/LogoWatermark.tsx
+5 -2
View File
@@ -21,6 +21,8 @@ export interface LogoWatermarkProps {
maxOpacity?: number; maxOpacity?: number;
/** Position in frame. Default: top-left */ /** Position in frame. Default: top-left */
position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'; position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
/** Logo size in pixels. Default: 32 */
size?: number;
} }
export const LogoWatermark: React.FC<LogoWatermarkProps> = ({ export const LogoWatermark: React.FC<LogoWatermarkProps> = ({
@@ -30,6 +32,7 @@ export const LogoWatermark: React.FC<LogoWatermarkProps> = ({
fadeInDuration = 30, fadeInDuration = 30,
maxOpacity = 0.6, maxOpacity = 0.6,
position = 'top-left', position = 'top-left',
size = 32,
}) => { }) => {
const frame = useCurrentFrame(); const frame = useCurrentFrame();
const theme = useTheme(); const theme = useTheme();
@@ -62,8 +65,8 @@ export const LogoWatermark: React.FC<LogoWatermarkProps> = ({
<Img <Img
src={staticFile(logoSrc)} src={staticFile(logoSrc)}
style={{ style={{
width: 32, width: size,
height: 32, height: size,
objectFit: 'contain', objectFit: 'contain',
}} }}
/> />