Image index.tsx

0% Statements 0/3

100% Branches 0/0

0% Functions 0/1

0% Lines 0/3

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import React from 'react';
import { css } from '@emotion/react';
import { ImageBlock as ImageBlockModel } from '@uniquegood/realworld-web-interface/lib/models/game/Block/Image';
 
export default function ImageBlock({ id, imageUrl, style }: ImageBlockModel) {
  return (
    <div id={id} css={[blockContainer]}>
      <img css={imageWrap} src={imageUrl} alt="이미지 블록 내 이미지" />
    </div>
  );
}
 
const blockContainer = css`
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
`;
 
const imageWrap = css`
  width: 100%;
  height: 100%;
  user-select: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
`;