mirror of
				https://github.com/owncast/owncast.git
				synced 2025-11-04 13:27:21 +08:00 
			
		
		
		
	added recoil value isMobile to determine which chat to display and style. #1978 changed the player to actually span across the viewport without the black borders around it.
		
			
				
	
	
		
			32 lines
		
	
	
		
			855 B
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
			
		
		
	
	
			32 lines
		
	
	
		
			855 B
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
/* eslint-disable react/require-default-props */
 | 
						|
import { CSSProperties } from 'react';
 | 
						|
 | 
						|
interface Props {
 | 
						|
  style?: CSSProperties;
 | 
						|
  fill?: string;
 | 
						|
  stroke?: string;
 | 
						|
}
 | 
						|
export default function ModIcon({
 | 
						|
  style = { width: '1rem', height: '1rem' },
 | 
						|
  fill = 'none',
 | 
						|
  stroke = 'var(--color-owncast-gray-300)',
 | 
						|
}: Props) {
 | 
						|
  return (
 | 
						|
    <svg
 | 
						|
      fill={fill}
 | 
						|
      stroke={stroke}
 | 
						|
      style={style}
 | 
						|
      viewBox="0 0 24 24"
 | 
						|
      xmlns="http://www.w3.org/2000/svg"
 | 
						|
    >
 | 
						|
      <title>This user has moderation rights</title>
 | 
						|
      <path
 | 
						|
        strokeLinecap="round"
 | 
						|
        strokeLinejoin="round"
 | 
						|
        strokeWidth={2}
 | 
						|
        d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"
 | 
						|
      />
 | 
						|
    </svg>
 | 
						|
  );
 | 
						|
}
 |