Mirrors/responsively-app
2
0
Fork 0
mirror of https://github.com/responsively-org/responsively-app synced 2024-11-10 14:54:12 +00:00
Code Issues Projects Releases Packages Wiki Activity

Icons normalized

Browse source
This commit is contained in:
Manoj Vivek 2019-09-21 01:38:19 +05:30
parent 8d86c7651b
commit 6a8a31f88f
4 changed files with 84 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
desktop-app/app/components/WebView/index.js
View file

@ -593,7 +593,7 @@ class WebView extends Component {
)}
onClick={() => this._takeFullPageSnapshot()}
>
<ScreenshotIcon height={15} color={iconsColor} />
<ScreenshotIcon height={18} color={iconsColor} />
</div>
<div
className={cx(styles.webViewToolbarIcons, commonStyles.icons, {
@ -603,7 +603,7 @@ class WebView extends Component {
})}
onClick={this._flipOrientation}
>
<DeviceRotateIcon height={15} color={iconsColor} />
<DeviceRotateIcon height={17} color={iconsColor} />
</div>
<div
className={cx(

22
desktop-app/app/components/icons/Bug.js
View file

@ -2,7 +2,7 @@ import React, {Fragment} from 'react';
export default ({width, height, color, padding, margin}) => (
<Fragment>
<svg
{/*<svg
width={width}
height={height}
fill={color}
@ -10,6 +10,26 @@ export default ({width, height, color, padding, margin}) => (
viewBox="0 0 24 24"
>
<path d="M9.71,6.29a1,1,0,0,0-1.42,0l-5,5a1,1,0,0,0,0,1.42l5,5a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42L5.41,12l4.3-4.29A1,1,0,0,0,9.71,6.29Zm11,5-5-5a1,1,0,0,0-1.42,1.42L18.59,12l-4.3,4.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0l5-5A1,1,0,0,0,20.71,11.29Z" />
</svg>*/}
<svg
width={width}
height={height}
fill={color}
style={{padding, margin}}
viewBox="0 0 100 100"
x="0px"
y="0px"
>
<g data-name="Group">
<polygon
data-name="Path"
points="39.5 23.6 13.1 50 39.5 76.4 42.4 73.6 18.8 50 42.4 26.4 39.5 23.6"
/>
<polygon
data-name="Path"
points="60.5 76.4 86.9 50 60.5 23.6 57.6 26.4 81.2 50 57.6 73.6 60.5 76.4"
/>
</g>
</svg>
</Fragment>
);

36
desktop-app/app/components/icons/DeviceRotate.js
View file

@ -2,7 +2,7 @@ import React, {Fragment} from 'react';
export default ({width, height, color, padding, margin}) => (
<Fragment>
<svg
{/*<svg
height={height}
width={width}
fill={color}
@ -54,6 +54,40 @@ export default ({width, height, color, padding, margin}) => (
<g />
<g />
<g />
</svg>*/}
<svg
height={height}
width={width}
fill={color}
style={{padding, margin}}
xmlns="http://www.w3.org/2000/svg"
data-name="Layer 1"
viewBox="0 0 100 100"
x="0px"
y="0px"
>
<g data-name="Group">
<path
data-name="Compound Path"
d="M8.8,62.2a7.2,7.2,0,0,0,2.1,5.2L32.7,89.1a7.3,7.3,0,0,0,10.3,0L89.1,43a7.3,7.3,0,0,0,0-10.3L67.3,10.9a7.3,7.3,0,0,0-10.3,0L10.9,57A7.2,7.2,0,0,0,8.8,62.2ZM48,78.4,21.6,52,54.9,18.7,81.3,45.1ZM64.5,13.7,86.3,35.5a3.3,3.3,0,0,1,0,4.7l-2.2,2.2L57.7,15.9l2.2-2.2A3.4,3.4,0,0,1,64.5,13.7ZM13.7,59.9l5.1-5.1L45.2,81.2l-5.1,5.1a3.4,3.4,0,0,1-4.7,0L13.7,64.5a3.3,3.3,0,0,1,0-4.7Z"
/>
<rect
data-name="Path"
x="26.4"
y="69.2"
width="4"
height="4.88"
transform="translate(-42.4 41.1) rotate(-45)"
/>
<path
data-name="Path"
d="M92.8,68.1A14.2,14.2,0,0,1,78.6,82.3H65.8l7.4-8.7-3-2.6L58.9,84.3,70.2,97.5l3-2.6-7.4-8.6H78.6A18.2,18.2,0,0,0,96.8,68.1Z"
/>
<path
data-name="Path"
d="M21.4,17.7H34.2l-7.4,8.7,3,2.6L41.1,15.7,29.8,2.5l-3,2.6,7.4,8.6H21.4A18.2,18.2,0,0,0,3.2,31.9h4A14.2,14.2,0,0,1,21.4,17.7Z"
/>
</g>
</svg>
</Fragment>
);

27
desktop-app/app/components/icons/Screenshot.js
View file

@ -2,14 +2,39 @@ import React, {Fragment} from 'react';
export default ({width, height, color, padding, margin}) => (
<Fragment>
<svg
{/*<svg
width={width}
height={height}
fill={color}
style={{padding, margin}}
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
>
<path d="M20,10.5a1,1,0,0,0-1,1v7a1,1,0,0,1-1,1H4a1,1,0,0,1-1-1v-8a1,1,0,0,1,1-1H6a1,1,0,0,0,1-.68l.54-1.64a1,1,0,0,1,.95-.68H14a1,1,0,0,0,0-2H8.44A3,3,0,0,0,5.6,6.55l-.32,1H4a3,3,0,0,0-3,3v8a3,3,0,0,0,3,3H18a3,3,0,0,0,3-3v-7A1,1,0,0,0,20,10.5Zm-9-1a4,4,0,1,0,4,4A4,4,0,0,0,11,9.5Zm0,6a2,2,0,1,1,2-2A2,2,0,0,1,11,15.5Zm11-11H21v-1a1,1,0,0,0-2,0v1H18a1,1,0,0,0,0,2h1v1a1,1,0,0,0,2,0v-1h1a1,1,0,0,0,0-2Z" />
</svg>*/}
<svg
width={width}
height={height}
fill={color}
style={{padding, margin}}
xmlns="http://www.w3.org/2000/svg"
version="1.1"
x="0px"
y="0px"
viewBox="0 0 100 100"
>
<g transform="translate(0,-952.36218)">
<path
d="m 83,958.36218 c -1.1046,0 -2,0.89543 -2,2 l 0,7 -7,0 c -1.10457,0 -2,0.8954 -2,2 0,1.1046 0.89543,2 2,2 l 7,0 0,7 c 0,1.10457 0.8954,2 2,2 1.1046,0 2,-0.89543 2,-2 l 0,-7 7,0 c 1.10457,0 2,-0.8954 2,-2 0,-1.1046 -0.89543,-2 -2,-2 l -7,0 0,-7 c 0,-1.10457 -0.8954,-2 -2,-2 z m -48,22 c -0.78068,0.007 -1.3909,0.40265 -1.71875,0.96875 l -6.4375,11.03125 -12.84375,0 c -4.3973999,0 -8,3.6026 -8,8.00002 l 0,38 c 0,4.3974 3.6026001,8 8,8 l 62,0 c 4.3974,0 8,-3.6026 8,-8 l 0,-38 c 0,-4.39742 -3.6026,-8.00002 -8,-8.00002 l -12.84375,0 -6.4375,-11.03125 C 56.3641,980.74168 55.68774,980.36046 55,980.36218 l -20,0 z m 1.125,4 17.75,0 6.40625,11 c 0.34687,0.60075 1.02507,0.99534 1.71875,1 l 14,0 c 2.25056,0 4,1.74944 4,4.00002 l 0,38 c 0,2.2505 -1.74944,4 -4,4 l -62,0 c -2.25056,0 -4,-1.7495 -4,-4 l 0,-38 c 0,-2.25058 1.74944,-4.00002 4,-4.00002 l 14,0 c 0.69368,-0.005 1.37188,-0.39925 1.71875,-1 l 6.40625,-11 z M 45,1002.3622 c -8.81287,0 -16,7.1871 -16,16 0,8.8128 7.18713,16 16,16 8.81286,0 16,-7.1872 16,-16 0,-8.8129 -7.18714,-16 -16,-16 z m 0,4 c 6.6511,0 12,5.3489 12,12 0,6.6511 -5.3489,12 -12,12 -6.65111,0 -12,-5.3489 -12,-12 0,-6.6511 5.34889,-12 12,-12 z"
fill={color}
fill-opacity="1"
stroke="none"
marker="none"
visibility="visible"
display="inline"
overflow="visible"
/>
</g>
</svg>
</Fragment>
);