ia.novokshanov/asb_cloud_front
1
0
Fork 0
forked from ddrilling/asb_cloud_front
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Иконки скважин оптимизированы для тёмной темы

Browse Source
This commit is contained in:
goodmice 2022-12-27 19:18:14 +05:00
parent e417f93a61
commit f4749094b1
No known key found for this signature in database
GPG Key ID: EA4AA16454AC96C8
2 changed files with 16 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/icons/PointerIcon.tsx
View File

@ -16,10 +16,10 @@ export interface PointerIconProps {
}
const defaultColors: PointerIconColors = {
online: 'red',
active: 'black',
inactive: 'gray',
unknown: 'gray',
online: '#C32828',
active: 'white',
inactive: '#A7A7A7',
unknown: '#7B7B7B',
}
const defaultProps: PointerIconProps = {

26
src/components/icons/WellIcon.tsx
View File

@ -16,10 +16,10 @@ export type WellIconProps = React.SVGProps<SVGSVGElement> & {
}
const defaultColors: WellIconColors = {
online: 'red',
active: 'black',
inactive: 'gray',
unknown: 'gray',
online: '#C32828',
active: 'white',
inactive: '#A7A7A7',
unknown: '#7B7B7B',
}
const defaultProps: WellIconProps = {
@ -34,7 +34,7 @@ export const WellIcon = React.memo(({ width, height, state, online, colors, ...o
return (
<svg
version={'1.1'}
viewBox={'12 .64 9.2 9.2'}
viewBox={'12 0 9 9'}
xmlns={'http://www.w3.org/2000/svg'}
xmlnsXlink={'http://www.w3.org/1999/xlink'}
@ -46,17 +46,15 @@ export const WellIcon = React.memo(({ width, height, state, online, colors, ...o
width={width}
height={height}
color={colors[state ?? 'unknown']}
color={colors[state || 'unknown']}
{...other}
>
<g>
<path d={'m12 7.9 2.6-6.6v-1.3h1.3v1.3l2.6 6.6'}/>
<path d={'m12 6.4h6.6v-0.53h-6.6z'} fill={'currentColor'}/>
<path d={'m14 0.79v0.53h2.9v-0.53z'} fill={'currentColor'}/>
<path d={'m12 7.9 5-4-2.4-2.6h1.3l-2.4 2.6 5 4'}/>
</g>
{online && ( // Полоски, показывающие наличие свежей телеметрии
<g stroke={colors.online}>
<path d={'m12 7.9 2.6-6.6v-1.3h1.3v1.3l2.6 6.6'}/>
<path d={'m12 6.4h6.6v-0.53h-6.6z'} fill={'currentColor'}/>
<path d={'m14 0.79v0.53h2.9v-0.53z'} fill={'currentColor'}/>
<path d={'m12 7.9 5-4-2.4-2.6h1.3l-2.4 2.6 5 4'}/>
{online || ( // Полоски, показывающие наличие свежей телеметрии
<g stroke={colors.online} strokeWidth={.4}>
<path d={'m18.4 0.0662a2 2 0 0 1 0.141 1.7 2 2 0 0 1-1.22 1.19'} />
<path d={'m19.5 0.0402a3 3 0 0 1-1.79 3.85'} />
<path d={'m20.5 0.031a4 4 0 0 1-2.5 4.79'} />