apitech
/
grafana
mirror of https://github.com/grafana/grafana
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

[release-12.0.1] Provisioning: Update graphic (#104774)

Browse Source 
Provisioning: Update graphic (#104770)

(cherry picked from commit f413721435)
pull/104791/head
Alex Khomenko 2 months ago committed by GitHub
parent 6b7bba2b5a
commit f046259f91
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 36 additions and 3 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 10
      public/app/features/provisioning/GettingStarted/GettingStarted.tsx
  2. 29
      public/img/provisioning/provisioning.svg
  3. BIN
      public/img/provisioning/provisioning.webp

10
public/app/features/provisioning/GettingStarted/GettingStarted.tsx
Unescape View File

@ -147,7 +147,7 @@ export default function GettingStarted({ items }: Props) {
</Alert>
)}
<Stack direction="column" gap={6} wrap="wrap">
<Stack gap={6} alignItems="center">
<Stack gap={10} alignItems="center">
<FeaturesList
repos={items}
hasRequiredFeatures={hasRequiredFeatures}
@ -157,7 +157,11 @@ export default function GettingStarted({ items }: Props) {
}}
/>
<div className={styles.imageContainer}>
<img src={'public/img/provisioning/provisioning.webp'} className={styles.image} />
<img
src={'public/img/provisioning/provisioning.svg'}
className={styles.image}
alt={'Grafana provisioning'}
/>
</div>
</Stack>
{(!hasPublicAccess || !hasImageRenderer) && hasItems && (
@ -185,7 +189,7 @@ export default function GettingStarted({ items }: Props) {
function getStyles(theme: GrafanaTheme2) {
return {
imageContainer: css({
height: 400,
height: 350,
display: `flex`,
alignItems: `center`,
justifyContent: `center`,

29
public/img/provisioning/provisioning.svg
Unescape View File

@ -0,0 +1,29 @@
<svg width="434" height="330" viewBox="0 0 434 330" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M48.5098 29.1663C49.396 28.4437 50.7033 28.4946 51.5293 29.3206C52.3553 30.1466 52.4061 31.4538 51.6836 32.3401L51.5293 32.512L42.5195 41.5207L51.5293 50.5315L51.6846 50.7024C52.4074 51.5885 52.3551 52.8958 51.5293 53.7219C50.7032 54.548 49.396 54.6 48.5098 53.8772L48.3389 53.7219L39.3281 44.7112L30.3184 53.7219L30.1475 53.8772C29.2612 54.6001 27.9541 54.5481 27.1279 53.7219C26.3018 52.8958 26.2497 51.5887 26.9727 50.7024L27.1279 50.5315L36.1367 41.5207L27.1279 32.512L26.9736 32.3401C26.2508 31.4538 26.3018 30.1467 27.1279 29.3206C27.9541 28.4948 29.2613 28.4435 30.1475 29.1663L30.3193 29.3206L39.3281 38.3293L48.3379 29.3206L48.5098 29.1663Z" fill="#FF671D"/>
<path d="M44.1504 260.715C45.0367 259.993 46.3439 260.043 47.1699 260.869C47.9959 261.695 48.0467 263.003 47.3242 263.889L47.1699 264.061L38.1602 273.07L47.1699 282.08L47.3252 282.251C48.048 283.137 47.9957 284.445 47.1699 285.271C46.3438 286.097 45.0367 286.149 44.1504 285.426L43.9795 285.271L34.9688 276.26L25.959 285.271L25.7881 285.426C24.9018 286.149 23.5947 286.097 22.7686 285.271C21.9424 284.445 21.8904 283.137 22.6133 282.251L22.7686 282.08L31.7773 273.07L22.7686 264.061L22.6143 263.889C21.8914 263.003 21.9424 261.695 22.7686 260.869C23.5947 260.044 24.902 259.992 25.7881 260.715L25.96 260.869L34.9688 269.878L43.9785 260.869L44.1504 260.715Z" fill="#FF671D"/>
<path d="M87.3906 42.2012H177.648" stroke="#FF671D" stroke-width="4.51286" stroke-linecap="round"/>
<path d="M293.703 267.211L225.108 267.211" stroke="#FF671D" stroke-width="4.51286" stroke-linecap="round"/>
<path d="M298.113 279.211L261.108 279.211" stroke="#FF671D" stroke-width="4.51286" stroke-linecap="round"/>
<path d="M3 170.818C1.75381 170.818 0.743568 171.828 0.743568 173.074C0.743568 174.32 1.75381 175.331 3 175.331V170.818ZM58.2986 174.67C59.1798 173.789 59.1798 172.36 58.2986 171.479L43.9388 157.119C43.0576 156.238 41.6289 156.238 40.7477 157.119C39.8665 158 39.8665 159.429 40.7477 160.31L53.512 173.074L40.7477 185.839C39.8665 186.72 39.8665 188.148 40.7477 189.03C41.6289 189.911 43.0576 189.911 43.9388 189.03L58.2986 174.67ZM3 173.074V175.331H56.7031V173.074V170.818H3V173.074Z" fill="#2884FF"/>
<path d="M260.684 170.818C259.437 170.818 258.427 171.828 258.427 173.074C258.427 174.32 259.437 175.331 260.684 175.331V170.818ZM315.982 174.67C316.863 173.789 316.863 172.36 315.982 171.479L301.622 157.119C300.741 156.238 299.312 156.238 298.431 157.119C297.55 158 297.55 159.429 298.431 160.31L311.196 173.074L298.431 185.839C297.55 186.72 297.55 188.148 298.431 189.03C299.312 189.911 300.741 189.911 301.622 189.03L315.982 174.67ZM260.684 173.074V175.331H314.387V173.074V170.818H260.684V173.074Z" fill="#2884FF"/>
<path d="M431.999 163.862L385.89 117.753C383.236 115.098 378.926 115.098 376.271 117.753L366.698 127.326L378.845 139.474C381.673 138.52 384.902 139.164 387.155 141.405C389.419 143.669 390.051 146.933 389.074 149.772L400.785 161.483C403.612 160.506 406.888 161.138 409.152 163.402C412.312 166.562 412.312 171.688 409.152 174.849C405.991 178.009 400.865 178.009 397.705 174.849C395.326 172.47 394.74 168.976 395.947 166.045L385.029 155.127V183.859C385.799 184.238 386.523 184.744 387.166 185.388C390.327 188.548 390.327 193.674 387.166 196.834C384.006 199.995 378.88 199.995 375.719 196.834C372.559 193.674 372.559 188.548 375.719 185.388C376.501 184.606 377.409 184.02 378.374 183.618V154.622C377.409 154.231 376.512 153.645 375.719 152.852C373.329 150.461 372.754 146.944 373.972 144.002L361.997 132.027L330.369 163.643C327.714 166.298 327.714 170.608 330.369 173.263L376.478 219.372C379.133 222.026 383.443 222.026 386.097 219.372L431.988 173.481C434.643 170.826 434.643 166.517 431.988 163.862H431.999Z" fill="#FF671D"/>
<rect x="66.1803" y="284.09" width="180.515" height="43.3235" rx="13.9899" stroke="#FF671D" stroke-width="4.51286"/>
<path d="M97.8418 294.627C99.8355 294.627 101.451 296.244 101.451 298.237V317.191C101.451 319.185 99.8354 320.802 97.8418 320.802H89.7178C87.7242 320.802 86.1076 319.185 86.1074 317.191V298.237C86.1074 296.244 87.724 294.627 89.7178 294.627H97.8418ZM119.504 300.042C121.497 300.042 123.113 301.659 123.113 303.652V317.191C123.113 319.185 121.498 320.802 119.504 320.802H109.575C107.581 320.802 105.965 319.185 105.965 317.191V303.652C105.965 301.659 107.581 300.042 109.575 300.042H119.504ZM161.021 294.627C163.015 294.627 164.632 296.243 164.632 298.237V317.191C164.632 319.185 163.015 320.802 161.021 320.802H151.094C149.1 320.802 147.484 319.185 147.483 317.191V298.237C147.483 296.243 149.1 294.627 151.094 294.627H161.021ZM180.878 300.042C182.872 300.042 184.488 301.659 184.488 303.652V317.191C184.488 319.185 182.872 320.802 180.878 320.802H172.755C170.761 320.802 169.145 319.185 169.145 317.191V303.652C169.145 301.659 170.761 300.042 172.755 300.042H180.878ZM202.54 294.627C204.534 294.627 206.15 296.243 206.15 298.237V317.191C206.15 319.185 204.534 320.802 202.54 320.802H192.611C190.618 320.802 189.002 319.185 189.002 317.191V298.237C189.002 296.244 190.618 294.627 192.611 294.627H202.54ZM222.396 300.042C224.39 300.042 226.007 301.659 226.007 303.652V317.191C226.007 319.185 224.39 320.802 222.396 320.802H214.273C212.28 320.802 210.663 319.185 210.663 317.191V303.652C210.663 301.659 212.28 300.042 214.273 300.042H222.396ZM139.359 289.211C141.353 289.211 142.97 290.827 142.97 292.821V317.19C142.97 319.184 141.353 320.801 139.359 320.801H131.236C129.242 320.801 127.626 319.184 127.626 317.19V292.821C127.626 290.827 129.242 289.211 131.236 289.211H139.359Z" fill="#FF671D"/>
<path d="M384.788 233.096C384.788 231.85 383.778 230.839 382.532 230.839C381.286 230.839 380.275 231.85 380.275 233.096H384.788ZM286.166 305.511C285.285 306.392 285.285 307.821 286.166 308.702L300.526 323.062C301.407 323.943 302.836 323.943 303.717 323.062C304.598 322.181 304.598 320.752 303.717 319.871L290.953 307.107L303.717 294.342C304.598 293.461 304.598 292.032 303.717 291.151C302.836 290.27 301.407 290.27 300.526 291.151L286.166 305.511ZM382.532 271.004H380.275C380.275 289.697 365.122 304.85 346.429 304.85V307.107V309.363C367.614 309.363 384.788 292.189 384.788 271.004H382.532ZM382.532 271.004H384.788V233.096H382.532H380.275V271.004H382.532ZM346.429 307.107V304.85H287.762V307.107V309.363H346.429V307.107Z" fill="#2884FF"/>
<path d="M308.419 144.556C335.031 117.944 335.031 74.7972 308.419 48.1853C281.807 21.5733 238.66 21.5733 212.048 48.1853" stroke="#FF671D" stroke-width="4.51286"/>
<path opacity="0.1" d="M121.078 144.935C123.358 142.655 124.911 139.749 125.54 136.587C126.169 133.424 125.846 130.146 124.612 127.166C123.378 124.187 121.288 121.641 118.607 119.849C115.926 118.057 112.774 117.101 109.549 117.101C106.324 117.101 103.172 118.057 100.49 119.849C97.8092 121.641 95.7194 124.187 94.4854 127.166C93.2513 130.146 92.9284 133.424 93.5576 136.587C94.1867 139.749 95.7395 142.655 98.0198 144.935" stroke="#AEAEBC" stroke-width="6.7761" stroke-linecap="round"/>
<path opacity="0.1" d="M120.172 187.273C122.452 184.993 124.005 182.087 124.634 178.925C125.263 175.762 124.94 172.483 123.706 169.504C122.472 166.525 120.382 163.979 117.701 162.187C115.02 160.395 111.867 159.439 108.643 159.439C105.418 159.439 102.266 160.395 99.5842 162.187C96.903 163.979 94.8132 166.525 93.5791 169.504C92.3451 172.483 92.0222 175.762 92.6513 178.925C93.2804 182.087 94.8333 184.993 97.1135 187.273" stroke="#AEAEBC" stroke-width="6.7761" stroke-linecap="round"/>
<rect opacity="0.1" x="102.828" y="129.456" width="10.4223" height="1.73705" rx="0.868524" fill="#AEAEBC" stroke="#AEAEBC" stroke-width="1.73705"/>
<rect opacity="0.1" x="102.828" y="171.794" width="10.4223" height="1.73705" rx="0.868524" fill="#AEAEBC" stroke="#AEAEBC" stroke-width="1.73705"/>
<rect opacity="0.1" x="98.4838" y="136.415" width="19.9761" height="1.73705" rx="0.868524" fill="#AEAEBC" stroke="#AEAEBC" stroke-width="1.73705"/>
<rect opacity="0.1" x="98.4838" y="178.747" width="19.9761" height="1.73705" rx="0.868524" fill="#AEAEBC" stroke="#AEAEBC" stroke-width="1.73705"/>
<path d="M97.3184 212.338C99.3121 212.338 100.928 213.954 100.928 215.948V234.902C100.928 236.896 99.3119 238.512 97.3184 238.513H89.1943C87.2007 238.512 85.5842 236.896 85.584 234.902V215.948C85.584 213.954 87.2006 212.338 89.1943 212.338H97.3184ZM118.98 217.753C120.974 217.753 122.59 219.37 122.59 221.363V234.902C122.59 236.896 120.974 238.512 118.98 238.513H109.052C107.058 238.513 105.441 236.896 105.441 234.902V221.363C105.442 219.37 107.058 217.753 109.052 217.753H118.98ZM160.498 212.338C162.492 212.338 164.108 213.954 164.108 215.948V234.902C164.108 236.896 162.492 238.513 160.498 238.513H150.57C148.577 238.513 146.96 236.896 146.96 234.902V215.948C146.96 213.954 148.576 212.338 150.57 212.338H160.498ZM180.354 217.753C182.348 217.753 183.965 219.37 183.965 221.363V234.902C183.965 236.896 182.348 238.513 180.354 238.513H172.231C170.238 238.513 168.621 236.896 168.621 234.902V221.363C168.621 219.37 170.238 217.753 172.231 217.753H180.354ZM202.017 212.338C204.011 212.338 205.627 213.954 205.627 215.948V234.902C205.627 236.896 204.01 238.513 202.017 238.513H192.088C190.094 238.512 188.479 236.896 188.479 234.902V215.948C188.479 213.954 190.094 212.338 192.088 212.338H202.017ZM221.873 217.753C223.867 217.753 225.483 219.37 225.483 221.363V234.902C225.483 236.896 223.867 238.513 221.873 238.513H213.75C211.756 238.513 210.14 236.896 210.14 234.902V221.363C210.14 219.37 211.756 217.753 213.75 217.753H221.873ZM138.836 206.922C140.83 206.922 142.446 208.538 142.446 210.532V234.901C142.446 236.895 140.83 238.512 138.836 238.512H130.713C128.719 238.512 127.103 236.895 127.103 234.901V210.532C127.103 208.538 128.719 206.922 130.713 206.922H138.836Z" fill="#FF671D"/>
<path opacity="0.8" d="M97.091 144.865C95.3118 143.086 93.9695 140.919 93.1695 138.533C92.3696 136.148 92.1337 133.609 92.4805 131.117C92.8273 128.625 93.7474 126.247 95.1683 124.171C96.5892 122.094 98.4724 120.376 100.67 119.15C102.867 117.924 105.319 117.225 107.832 117.106C110.345 116.988 112.852 117.454 115.155 118.468C117.457 119.483 119.493 121.017 121.103 122.951C122.713 124.885 123.852 127.165 124.431 129.614" stroke="#FF671D" stroke-width="4.51286" stroke-linecap="round"/>
<path opacity="0.8" d="M97.091 187.201C95.3118 185.422 93.9695 183.255 93.1695 180.869C92.3696 178.484 92.1337 175.945 92.4805 173.453C92.8273 170.961 93.7474 168.583 95.1683 166.507C96.5892 164.43 98.4724 162.711 100.67 161.486C102.867 160.26 105.319 159.56 107.832 159.442C110.345 159.324 112.852 159.79 115.155 160.804C117.457 161.818 119.493 163.353 121.103 165.287C122.713 167.221 123.852 169.501 124.431 171.95" stroke="#FF671D" stroke-width="4.51286" stroke-linecap="round"/>
<rect x="66.1793" y="71.0846" width="180.515" height="179.612" rx="18.5027" stroke="#FF671D" stroke-width="4.51286"/>
<rect x="148.766" y="128.398" width="77.5781" height="7.17446" rx="2.5802" fill="#FF671D"/>
<rect x="148.766" y="143.723" width="77.5781" height="7.17446" rx="2.5802" fill="#FF671D"/>
<rect x="162.387" y="159.152" width="63.9581" height="7.17446" rx="2.5802" fill="#FF671D"/>
<rect x="171.567" y="174.477" width="54.7811" height="7.17446" rx="2.5802" fill="#FF671D"/>
<path d="M81.9746 102.225L194.796 102.225" stroke="#FF671D" stroke-width="4.51286" stroke-linecap="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

BIN
public/img/provisioning/provisioning.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 27 KiB

Write Preview
Loading…
Cancel
Save