Skip to content

Commit

Permalink
Merge pull request #117 from kloudlite/feature/fillers
Browse files Browse the repository at this point in the history 
🎨 Added fillers for the onboarding and app creation page
  • Loading branch information
@abdheshnayak
abdheshnayak authored Mar 4, 2024
2 parents 5018383 + 1e8202d commit 92e6858
Show file tree
Hide file tree
Showing 25 changed files with 2,140 additions and 11 deletions.
298 changes: 298 additions & 0 deletions src/apps/console/assets/app/filler-compute.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,298 @@
import React from 'react';

function FillerAppCompute() {
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width="413"
height="649"
fill="none"
viewBox="0 0 413 649"
>
<path
fill="#fff"
d="M343.002 103.883h-661.831v419.051h661.831V103.883z"
/>
<path
fill="#fff"
d="M343.002 103.883h-661.831v419.051h661.831V103.883z"
/>
<path
fill="#E4E4E7"
d="M343.002 103.883h-661.831v16.124h661.831v-16.124z"
/>
<path
fill="#F3F4F6"
d="M122.911 150.609H-98.725v3.319h221.636v-3.319zM85.005 160.465H-60.833v3.318H85.005v-3.318zM229.006 281.132a40.465 40.465 0 01-35.55 1.658 40.447 40.447 0 01-23.106-27.068 40.445 40.445 0 017.216-34.849 40.45 40.45 0 0131.955-15.666v40.458l19.485 35.467z"
/>
<path
fill="#2563EB"
d="M233.473 213.106l-23.994 32.616v-40.515a40.086 40.086 0 0123.994 7.899z"
/>
<path
fill="#E4E4E7"
d="M249.98 245.665a40.234 40.234 0 01-10.735 27.427l-29.781-27.427 23.995-32.616a40.35 40.35 0 0116.521 32.616z"
/>
<path
fill="#D4D4D8"
d="M253.809 291.853a40.65 40.65 0 01-10.239 8.055l-19.485-35.453 29.724 27.398z"
/>
<path
fill="#E4E4E7"
d="M74.469 205.207v80.917a40.46 40.46 0 01-40.459-40.459 40.457 40.457 0 0140.459-40.458zM84.679 206.511l-10.21 39.154v-40.458a40.432 40.432 0 0110.21 1.304z"
/>
<path
fill="#D4D4D8"
d="M121.89 243.339a40.544 40.544 0 01-2.836 14.834l-37.65-14.834 10.21-39.153a40.446 40.446 0 0121.827 14.404 40.45 40.45 0 018.449 24.749z"
/>
<path
fill="#E4E4E7"
d="M112.119 260.498a40.486 40.486 0 01-37.65 25.626v-40.459l37.65 14.833z"
/>
<path
fill="#F3F4F6"
d="M100.931 309.891H64.386v2.269h36.545v-2.269zM88.636 314.628h-24.25v2.269h24.25v-2.269zM58.26 309.863h-7.077v7.076h7.077v-7.076zM235.864 309.891h-36.545v2.269h36.545v-2.269zM223.569 314.628h-24.25v2.269h24.25v-2.269z"
/>
<path fill="#2563EB" d="M193.193 309.863h-7.077v7.076h7.077v-7.076z" />
<path
fill="#D4D4D8"
d="M34.01 360.773l112.215-.27c37.396.1 74.805 0 112.201.27-37.396.227-74.805.17-112.201.255l-112.215-.255zM34.01 368.828l112.215-.255c37.396.085 74.805-.001 112.201.255-37.396.227-74.805.17-112.201.255l-112.215-.255zM34.01 376.769l112.215-.255c37.396.085 74.805 0 112.201.255-37.396.227-74.805.17-112.201.27l-112.215-.27zM34.01 384.767l112.215-.255c37.396.099 74.805 0 112.201.255-37.396.227-74.805.17-112.201.27l-112.215-.27zM34.01 392.78l112.215-.27c37.396.1 74.805 0 112.201.27-37.396.227-74.805.17-112.201.255L34.01 392.78zM34.01 400.778l112.215-.256c37.396.086 74.805 0 112.201.256-37.396.227-74.805.17-112.201.255l-112.215-.255zM34.01 408.776l112.215-.255c37.396.085 74.805 0 112.201.255-37.396.227-74.805.17-112.201.269l-112.215-.269zM34.01 416.774l112.215-.255c37.396.099 74.805 0 112.201.255-37.396.227-74.805.17-112.201.269l-112.215-.269zM34.01 424.786l112.215-.269c37.396.099 74.805 0 112.201.269-37.396.227-74.805.17-112.201.255l-112.215-.255zM34.01 432.785l112.215-.27c37.396.099 74.805 0 112.201.27-37.396.226-74.805.17-112.201.255l-112.215-.255zM34.01 440.782l112.215-.255c37.396.085 74.805 0 112.201.255-37.396.227-74.805.171-112.201.256l-112.215-.256zM34.01 448.781l112.215-.256c37.396.085 74.805 0 112.201.256-37.396.227-74.805.17-112.201.269l-112.215-.269zM34.01 456.75l112.215-.269c37.396.099 74.805 0 112.201.269-37.396.213-74.805.156-112.201.256L34.01 456.75zM34.01 464.791l112.215-.269c37.396.099 74.805 0 112.201.269-37.396.227-74.805.17-112.201.255l-112.215-.255zM34.01 472.789l112.215-.255c37.396.085 74.805 0 112.201.255-37.396.227-74.805.17-112.201.255l-112.215-.255z"
/>
<path fill="#2563EB" d="M74.767 416.774H57.75v65.332h17.017v-65.332z" />
<path fill="#F3F4F6" d="M106.334 389.149H89.316v92.971h17.018v-92.971z" />
<path fill="#E4E4E7" d="M137.901 409.06h-17.017v73.06h17.017v-73.06z" />
<path
fill="#2563EB"
d="M169.468 384.768h-17.017v97.338h17.017v-97.338z"
/>
<path
fill="#F3F4F6"
d="M201.049 397.828h-17.017v84.292h17.017v-84.292z"
/>
<path fill="#E4E4E7" d="M232.616 445.59h-17.017v36.53h17.017v-36.53z" />
<path
fill="#D4D4D8"
d="M40.108 355.157l.454 31.737.326 31.738c.213 21.158.284 42.33.326 63.488l-1.106-.964h54.583l54.569.114 54.583.312 54.583.581-54.583.567-54.583.326-54.569.114h-55.66v-.965c0-21.158.104-42.321.312-63.488l.326-31.737.44-31.823zM74.767 488.828H57.75v1.347h17.017v-1.347zM106.334 488.828H89.316v1.347h17.018v-1.347zM137.901 488.828h-17.017v1.347h17.017v-1.347zM169.468 488.828h-17.017v1.347h17.017v-1.347zM201.049 488.828h-17.017v1.347h17.017v-1.347zM232.616 488.828h-17.017v1.347h17.017v-1.347z"
/>
<g filter="url(#filter0_dd_9328_122658)">
<path fill="#fff" d="M310.7 14.672H109.655v148.433H310.7V14.672z" />
<path fill="#D4D4D8" d="M310.7 14.672H109.655v15.642H310.7V14.672z" />
<path
fill="#F3F4F6"
d="M124.375 22.443a2.966 2.966 0 01-5.01 2.269 2.96 2.96 0 01-.702-3.244 2.962 2.962 0 012.748-1.861 2.949 2.949 0 012.964 2.836z"
/>
<path
fill="#fff"
d="M136.457 22.443a2.963 2.963 0 11-2.949-2.836 2.948 2.948 0 012.949 2.836zM148.554 22.443a2.967 2.967 0 01-3.46 3.05 2.969 2.969 0 01-2.398-2.295 2.965 2.965 0 011.235-3.081 2.96 2.96 0 013.711.312c.552.529.879 1.25.912 2.014z"
/>
<path fill="#2563EB" d="M141.435 105.743h-8.807v8.806h8.807v-8.806z" />
<path
fill="#F3F4F6"
d="M194.968 105.743h-47.421v2.595h47.421v-2.595zM209.844 111.954h-62.297v2.595h62.297v-2.595z"
/>
<path fill="#D4D4D8" d="M141.435 122.42h-8.807v8.806h8.807v-8.806z" />
<path
fill="#F3F4F6"
d="M183.581 122.42h-36.034v2.595h36.034v-2.595zM209.844 128.631h-62.297v2.595h62.297v-2.595z"
/>
<path
fill="#D4D4D8"
d="M160.891 71.566a15.355 15.355 0 01-13.37 15.227 15.357 15.357 0 1113.37-15.227z"
/>
<path
fill="#2563EB"
d="M158.934 63.937l-13.33 7.63V56.207a15.334 15.334 0 0113.33 7.729z"
/>
<path
fill="#fff"
d="M156.098 71.566a10.623 10.623 0 11-21.245 0 10.623 10.623 0 0121.245 0z"
/>
<path
fill="#E4E4E7"
d="M149.957 69.198h-8.834v1.248h8.834v-1.248zM152.142 72.672h-13.217v1.248h13.217v-1.248z"
/>
<path
fill="#D4D4D8"
d="M203.86 71.566a15.6 15.6 0 11-31.199.078 15.6 15.6 0 0131.199-.078z"
/>
<path
fill="#2563EB"
d="M203.86 71.566c-.002.75-.054 1.498-.156 2.241l-15.188-2.24V56.207a15.358 15.358 0 0115.344 15.358z"
/>
<path
fill="#fff"
d="M199.123 71.566a10.623 10.623 0 11-21.245 0 10.623 10.623 0 0121.245 0z"
/>
<path
fill="#E4E4E7"
d="M192.926 69.198h-8.835v1.248h8.835v-1.248zM195.11 72.672h-13.217v1.248h13.217v-1.248z"
/>
<path
fill="#D4D4D8"
d="M247.126 71.566a15.355 15.355 0 01-13.369 15.227 15.358 15.358 0 1113.369-15.227z"
/>
<path
fill="#2563EB"
d="M247.126 71.566a15.346 15.346 0 01-9.926 14.337l-5.503-14.337V56.208a15.364 15.364 0 0110.86 4.498 15.363 15.363 0 014.498 10.86h.071z"
/>
<path
fill="#fff"
d="M242.39 71.566a10.623 10.623 0 11-21.245 0 10.623 10.623 0 0121.245 0z"
/>
<path
fill="#E4E4E7"
d="M236.193 69.198h-8.835v1.248h8.835v-1.248zM238.376 72.672H225.16v1.248h13.216v-1.248z"
/>
<path
fill="#D4D4D8"
d="M290.166 71.566a15.361 15.361 0 01-13.37 15.227 15.36 15.36 0 01-15.746-22.055 15.356 15.356 0 0127.088-.801 15.231 15.231 0 012.028 7.63z"
/>
<path
fill="#2563EB"
d="M290.166 71.566a15.346 15.346 0 01-25.328 11.671l9.927-11.67V56.207a15.358 15.358 0 0115.358 15.358h.043z"
/>
<path
fill="#fff"
d="M285.429 71.566a10.623 10.623 0 11-10.621-10.621 10.634 10.634 0 0110.621 10.621z"
/>
<path
fill="#E4E4E7"
d="M279.218 69.198h-8.835v1.248h8.835v-1.248zM281.416 72.672h-13.217v1.248h13.217v-1.248z"
/>
</g>
<g filter="url(#filter1_dd_9328_122658)">
<path
fill="#fff"
d="M396.063 482.106H195.018v148.433h201.045V482.106z"
/>
<path
fill="#D4D4D8"
d="M396.063 482.106H195.018v15.642h201.045v-15.642z"
/>
<path
fill="#F3F4F6"
d="M209.752 489.92a2.966 2.966 0 01-3.523 2.924 2.961 2.961 0 01-2.189-4.021 2.97 2.97 0 012.719-1.853 2.966 2.966 0 012.993 2.95z"
/>
<path
fill="#fff"
d="M221.834 489.92a2.962 2.962 0 01-3.533 2.922 2.959 2.959 0 01-2.337-2.325 2.974 2.974 0 01.166-1.714 2.966 2.966 0 015.704 1.117zM233.916 489.92a2.969 2.969 0 01-.493 1.652 2.97 2.97 0 01-3.045 1.269 2.961 2.961 0 01-1.063-5.377 2.957 2.957 0 011.652-.494 2.949 2.949 0 012.949 2.95z"
/>
<path fill="#2563EB" d="M242.921 603.708h-7.558v7.559h7.558v-7.559z" />
<path
fill="#F3F4F6"
d="M331 603.708h-82.818v2.241H331v-2.241zM301.688 609.026h-53.506v2.241h53.506v-2.241z"
/>
<path
fill="#D4D4D8"
d="M230.371 527.741c21.725-.142 43.451-.1 65.233-.156 21.782-.057 43.451 0 65.233.156-21.726.142-43.451.099-65.233.156-21.782.056-43.465-.029-65.233-.156zM230.371 540.617c21.725-.128 43.451-.099 65.233-.156 21.782-.057 43.451 0 65.233.156-21.726.142-43.451.099-65.233.156-21.782.057-43.465-.014-65.233-.156zM230.371 553.493c21.725-.127 43.451-.099 65.233-.156 21.782-.056 43.451 0 65.233.156-21.726.142-43.451.114-65.233.171-21.782.056-43.465-.029-65.233-.171zM230.371 566.384c21.725-.142 43.451-.099 65.233-.156 21.782-.057 43.451 0 65.233.156-21.726.128-43.451.099-65.233.156-21.782.057-43.465-.028-65.233-.156zM230.371 579.26c21.725-.142 43.451-.099 65.233-.156 21.782-.056 43.451 0 65.233.156-21.726.128-43.451.1-65.233.156-21.782.057-43.465.043-65.233-.156z"
/>
<path
fill="#D4D4D8"
d="M256.606 519.36c.199 12.039.142 24.107.227 36.105.085 11.997 0 24.107-.227 36.105-.184-12.026-.142-24.108-.213-36.105-.071-11.998 0-24.066.213-36.105zM279.154 519.36c.184 12.039.142 24.107.227 36.105.085 11.997 0 24.107-.227 36.105-.199-12.026-.142-24.108-.227-36.105-.085-11.998.028-24.066.227-36.105zM301.688 519.36c.198 12.039.156 24.107.227 36.105.07 11.997 0 24.107-.227 36.105-.185-12.026-.142-24.108-.213-36.105-.071-11.998.028-24.066.213-36.105zM324.236 519.36c.198 12.039.141 24.107.226 36.105.086 11.997 0 24.107-.226 36.105-.199-12.026-.142-24.108-.227-36.105-.085-11.998.042-24.066.227-36.105zM346.784 519.36c.184 12.039.141 24.107.212 36.105.071 11.997 0 24.107-.212 36.105-.199-12.026-.142-24.108-.227-36.105-.085-11.998.028-24.066.227-36.105z"
/>
<path
fill="#DBEAFE"
d="M233.704 569.915c3.984 0 6.353-13.075 11.983-13.075 5.63 0 6.239 9.544 10.976 9.544 4.736 0 4.538-16.705 10.919-16.705 6.382 0 4.893 6.807 11.572 6.807 6.679 0 4.155-15.798 11.118-15.798s4.155 21.768 11.345 21.768c4.609 0 6.381-6.92 11.869-6.92 3.631 0 5.772 3.46 10.523 3.46 4.75 0 5.786-13.288 11.727-13.288 5.942 0 6.609 7.856 10.977 7.856 4.367 0 5.927-12.876 13.94-12.876v50.953H233.704v-21.726z"
/>
<path
fill="#D4D4D8"
d="M233.703 520.154c.142 11.898.27 23.81.284 35.708l.128 35.708-.412-.298 63.532.085h31.779l31.766.156-31.766.17h-31.779l-63.532.071h-.411v-.298l.128-35.708c-.043-11.742.085-23.696.283-35.594z"
/>
</g>
<defs>
<filter
id="filter0_dd_9328_122658"
width="233.045"
height="180.433"
x="93.655"
y="0.672"
colorInterpolationFilters="sRGB"
filterUnits="userSpaceOnUse"
>
<feFlood floodOpacity="0" result="BackgroundImageFix" />
<feColorMatrix
in="SourceAlpha"
result="hardAlpha"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
/>
<feOffset dy="2" />
<feGaussianBlur stdDeviation="8" />
<feColorMatrix values="0 0 0 0 0.129412 0 0 0 0 0.168627 0 0 0 0 0.211765 0 0 0 0.08 0" />
<feBlend
in2="BackgroundImageFix"
result="effect1_dropShadow_9328_122658"
/>
<feColorMatrix
in="SourceAlpha"
result="hardAlpha"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
/>
<feMorphology
in="SourceAlpha"
operator="dilate"
radius="1"
result="effect2_dropShadow_9328_122658"
/>
<feOffset />
<feColorMatrix values="0 0 0 0 0.0235294 0 0 0 0 0.172549 0 0 0 0 0.321569 0 0 0 0.1 0" />
<feBlend
in2="effect1_dropShadow_9328_122658"
result="effect2_dropShadow_9328_122658"
/>
<feBlend
in="SourceGraphic"
in2="effect2_dropShadow_9328_122658"
result="shape"
/>
</filter>
<filter
id="filter1_dd_9328_122658"
width="233.045"
height="180.433"
x="179.018"
y="468.106"
colorInterpolationFilters="sRGB"
filterUnits="userSpaceOnUse"
>
<feFlood floodOpacity="0" result="BackgroundImageFix" />
<feColorMatrix
in="SourceAlpha"
result="hardAlpha"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
/>
<feOffset dy="2" />
<feGaussianBlur stdDeviation="8" />
<feColorMatrix values="0 0 0 0 0.129412 0 0 0 0 0.168627 0 0 0 0 0.211765 0 0 0 0.08 0" />
<feBlend
in2="BackgroundImageFix"
result="effect1_dropShadow_9328_122658"
/>
<feColorMatrix
in="SourceAlpha"
result="hardAlpha"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
/>
<feMorphology
in="SourceAlpha"
operator="dilate"
radius="1"
result="effect2_dropShadow_9328_122658"
/>
<feOffset />
<feColorMatrix values="0 0 0 0 0.0235294 0 0 0 0 0.172549 0 0 0 0 0.321569 0 0 0 0.1 0" />
<feBlend
in2="effect1_dropShadow_9328_122658"
result="effect2_dropShadow_9328_122658"
/>
<feBlend
in="SourceGraphic"
in2="effect2_dropShadow_9328_122658"
result="shape"
/>
</filter>
</defs>
</svg>
);
}

export default FillerAppCompute;
Loading

0 comments on commit 92e6858

Please sign in to comment.