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 = { const defaultColors: PointerIconColors = {
online: 'red', online: '#C32828',
active: 'black', active: 'white',
inactive: 'gray', inactive: '#A7A7A7',
unknown: 'gray', unknown: '#7B7B7B',
} }
const defaultProps: PointerIconProps = { const defaultProps: PointerIconProps = {

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

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