mirrors/posthog
0
0
Fork 0
mirror of https://github.com/PostHog/posthog.git synced 2024-11-28 00:46:45 +01:00
Code Issues Releases Activity
188d7f5271
posthog/frontend/public/dashboard-empty-state.svg
Paolo D'Amico 0b755d20bf
Dashboard empty & error states + mobile support (#3666) 
* dashboard not found page

* empty dashboard graphics

* move to components (responsive)

* finish empty state component

* update rocket component

* remove unused styles

* fix mobile dashboards

* small fix

* fix cypress
2021-03-22 14:22:00 +01:00

119 lines
14 KiB
XML
Raw Blame History

<svg width="1072" height="443" viewBox="0 0 1072 443" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="1072" height="443">
<rect width="1072" height="443" fill="url(#paint0_linear)"/>
</mask>
<g mask="url(#mask0)">
<g filter="url(#filter0_dd)">
<rect x="558.5" y="5.5" width="499" height="265" rx="1.5" fill="white" stroke="#F0F0F0"/>
</g>
<rect x="583" y="20" width="178" height="26" fill="#BEBEBE" fill-opacity="0.2"/>
<rect x="583" y="202" width="83" height="45" fill="#BEBEBE" fill-opacity="0.2"/>
<rect x="770" y="188" width="83" height="59" fill="#BEBEBE" fill-opacity="0.2"/>
<rect x="676" y="174" width="84" height="73" fill="#BEBEBE" fill-opacity="0.2"/>
<rect x="863" y="166" width="84" height="81" fill="#BEBEBE" fill-opacity="0.2"/>
<rect x="957" y="133" width="83" height="114" fill="#BEBEBE" fill-opacity="0.2"/>
<rect x="1018" y="20" width="26" height="26" rx="13" fill="#BEBEBE" fill-opacity="0.2"/>
<rect x="983" y="20" width="26" height="26" rx="13" fill="#BEBEBE" fill-opacity="0.2"/>
<rect x="583" y="57" width="415" height="14" fill="#BEBEBE" fill-opacity="0.2"/>
<rect x="583" y="76" width="260" height="14" fill="#BEBEBE" fill-opacity="0.2"/>
<g filter="url(#filter1_dd)">
<rect x="11.5" y="312.5" width="499" height="265" rx="1.5" fill="white" stroke="#F0F0F0"/>
</g>
<rect x="36" y="327" width="178" height="26" fill="#BEBEBE" fill-opacity="0.2"/>
<rect x="410" y="440" width="83" height="114" fill="#BEBEBE" fill-opacity="0.2"/>
<rect x="471" y="327" width="26" height="26" rx="13" fill="#BEBEBE" fill-opacity="0.2"/>
<rect x="436" y="327" width="26" height="26" rx="13" fill="#BEBEBE" fill-opacity="0.2"/>
<rect x="36" y="364" width="415" height="14" fill="#BEBEBE" fill-opacity="0.2"/>
<rect x="36" y="383" width="260" height="14" fill="#BEBEBE" fill-opacity="0.2"/>
<g filter="url(#filter2_dd)">
<rect x="16.5" y="5.5" width="499" height="265" rx="1.5" fill="white" stroke="#F0F0F0"/>
</g>
<rect x="41" y="20" width="178" height="26" fill="#BEBEBE" fill-opacity="0.2"/>
<rect x="312" y="73" width="175" height="175" rx="87.5" fill="#BEBEBE" fill-opacity="0.2"/>
<rect x="476" y="20" width="26" height="26" rx="13" fill="#BEBEBE" fill-opacity="0.2"/>
<rect x="441" y="20" width="26" height="26" rx="13" fill="#BEBEBE" fill-opacity="0.2"/>
<rect x="41" y="57" width="239" height="14" fill="#BEBEBE" fill-opacity="0.2"/>
<rect x="81" y="137" width="26" height="14" fill="#BEBEBE" fill-opacity="0.2"/>
<rect x="115" y="137" width="77" height="14" fill="#BEBEBE" fill-opacity="0.2"/>
<rect x="81" y="162" width="26" height="14" fill="#BEBEBE" fill-opacity="0.2"/>
<rect x="115" y="162" width="100" height="14" fill="#BEBEBE" fill-opacity="0.2"/>
<rect x="81" y="187" width="26" height="14" fill="#BEBEBE" fill-opacity="0.2"/>
<rect x="115" y="187" width="72" height="14" fill="#BEBEBE" fill-opacity="0.2"/>
<g filter="url(#filter3_dd)">
<rect x="558.5" y="307.5" width="499" height="265" rx="1.5" fill="white" stroke="#F0F0F0"/>
</g>
<rect x="583" y="322" width="178" height="26" fill="#BEBEBE" fill-opacity="0.2"/>
<rect x="854" y="375" width="175" height="175" rx="87.5" fill="#BEBEBE" fill-opacity="0.2"/>
<rect x="1018" y="322" width="26" height="26" rx="13" fill="#BEBEBE" fill-opacity="0.2"/>
<rect x="983" y="322" width="26" height="26" rx="13" fill="#BEBEBE" fill-opacity="0.2"/>
<rect x="583" y="359" width="239" height="14" fill="#BEBEBE" fill-opacity="0.2"/>
<rect x="623" y="439" width="26" height="14" fill="#BEBEBE" fill-opacity="0.2"/>
<rect x="657" y="439" width="77" height="14" fill="#BEBEBE" fill-opacity="0.2"/>
<rect x="886.5" y="388.5" width="384" height="185" rx="1.5" fill="white" stroke="#F0F0F0"/>
<path d="M913.938 428H918.242C921.625 428 923.617 425.898 923.617 422.32V422.305C923.617 418.734 921.617 416.727 918.242 416.727H913.938V428ZM916.297 426.047V418.672H917.961C920.031 418.672 921.211 419.961 921.211 422.312V422.328C921.211 424.766 920.07 426.047 917.961 426.047H916.297ZM927.391 428.133C928.492 428.133 929.383 427.609 929.859 426.75H929.906V428H932.188V422.258C932.188 420.57 930.789 419.453 928.625 419.453C926.414 419.453 925.086 420.562 924.961 422.109L924.953 422.203H927.039L927.055 422.133C927.164 421.594 927.68 421.195 928.531 421.195C929.422 421.195 929.906 421.656 929.906 422.398V422.914L927.836 423.039C925.758 423.172 924.578 424.062 924.578 425.586V425.602C924.578 427.078 925.711 428.133 927.391 428.133ZM926.836 425.484V425.469C926.836 424.875 927.297 424.5 928.18 424.445L929.906 424.336V424.938C929.906 425.812 929.156 426.469 928.133 426.469C927.344 426.469 926.836 426.102 926.836 425.484ZM937.109 428.172C939.266 428.172 940.773 427.094 940.773 425.453V425.445C940.773 424.211 940.055 423.523 938.305 423.156L936.883 422.852C936.039 422.672 935.75 422.391 935.75 421.961V421.953C935.75 421.414 936.242 421.062 937.031 421.062C937.875 421.062 938.367 421.516 938.445 422.117L938.453 422.18H940.555V422.102C940.5 420.633 939.258 419.453 937.031 419.453C934.898 419.453 933.523 420.484 933.523 422.078V422.086C933.523 423.336 934.344 424.148 935.969 424.492L937.391 424.789C938.211 424.969 938.492 425.227 938.492 425.672V425.68C938.492 426.219 937.969 426.555 937.109 426.555C936.195 426.555 935.703 426.172 935.555 425.516L935.539 425.445H933.312L933.32 425.516C933.5 427.102 934.789 428.172 937.109 428.172ZM941.953 428H944.234V423.203C944.234 422.109 944.883 421.344 945.891 421.344C946.93 421.344 947.508 422.039 947.508 423.211V428H949.789V422.742C949.789 420.719 948.664 419.453 946.852 419.453C945.594 419.453 944.711 420.031 944.281 421.07H944.234V416.727H941.953V428ZM956.219 428.172C958.328 428.172 959.633 426.531 959.633 423.812V423.805C959.633 421.078 958.328 419.453 956.227 419.453C955.031 419.453 954.102 420.062 953.641 421.078H953.594V416.727H951.312V428H953.594V426.57H953.641C954.094 427.562 955.016 428.172 956.219 428.172ZM955.461 426.281C954.352 426.281 953.594 425.328 953.594 423.812V423.805C953.594 422.297 954.359 421.344 955.461 421.344C956.594 421.344 957.312 422.273 957.312 423.805V423.812C957.312 425.336 956.594 426.281 955.461 426.281ZM964.648 428.172C967.18 428.172 968.797 426.547 968.797 423.812V423.797C968.797 421.086 967.148 419.453 964.641 419.453C962.141 419.453 960.5 421.102 960.5 423.797V423.812C960.5 426.539 962.102 428.172 964.648 428.172ZM964.656 426.383C963.531 426.383 962.82 425.453 962.82 423.812V423.797C962.82 422.18 963.539 421.242 964.641 421.242C965.75 421.242 966.477 422.18 966.477 423.797V423.812C966.477 425.445 965.766 426.383 964.656 426.383ZM972.469 428.133C973.57 428.133 974.461 427.609 974.938 426.75H974.984V428H977.266V422.258C977.266 420.57 975.867 419.453 973.703 419.453C971.492 419.453 970.164 420.562 970.039 422.109L970.031 422.203H972.117L972.133 422.133C972.242 421.594 972.758 421.195 973.609 421.195C974.5 421.195 974.984 421.656 974.984 422.398V422.914L972.914 423.039C970.836 423.172 969.656 424.062 969.656 425.586V425.602C969.656 427.078 970.789 428.133 972.469 428.133ZM971.914 425.484V425.469C971.914 424.875 972.375 424.5 973.258 424.445L974.984 424.336V424.938C974.984 425.812 974.234 426.469 973.211 426.469C972.422 426.469 971.914 426.102 971.914 425.484ZM978.742 428H981.023V423.312C981.023 422.094 981.68 421.422 982.805 421.422C983.133 421.422 983.445 421.469 983.633 421.547V419.539C983.461 419.492 983.227 419.453 982.977 419.453C982 419.453 981.32 420.055 981.07 421.086H981.023V419.625H978.742V428ZM987.391 428.172C988.602 428.172 989.523 427.562 989.969 426.57H990.016V428H992.297V416.727H990.016V421.078H989.969C989.516 420.062 988.578 419.453 987.391 419.453C985.281 419.453 983.984 421.078 983.984 423.805V423.812C983.984 426.531 985.281 428.172 987.391 428.172ZM988.156 426.281C987.016 426.281 986.305 425.336 986.305 423.812V423.805C986.305 422.273 987.023 421.344 988.156 421.344C989.258 421.344 990.023 422.297 990.023 423.805V423.812C990.023 425.328 989.266 426.281 988.156 426.281ZM1000.8 428.172C1003.2 428.172 1004.35 426.758 1004.61 425.523L1004.63 425.438H1002.54L1002.52 425.484C1002.36 425.953 1001.79 426.469 1000.85 426.469C999.688 426.469 998.961 425.688 998.938 424.352H1004.7V423.648C1004.7 421.117 1003.16 419.453 1000.71 419.453C998.258 419.453 996.688 421.156 996.688 423.82V423.828C996.688 426.508 998.242 428.172 1000.8 428.172ZM1000.75 421.156C1001.7 421.156 1002.38 421.758 1002.52 422.914H998.961C999.109 421.781 999.812 421.156 1000.75 421.156ZM1005.88 428H1008.16V422.945C1008.16 422 1008.75 421.344 1009.62 421.344C1010.46 421.344 1010.97 421.875 1010.97 422.773V428H1013.16V422.906C1013.16 421.977 1013.73 421.344 1014.6 421.344C1015.48 421.344 1015.97 421.875 1015.97 422.844V428H1018.25V422.273C1018.25 420.586 1017.15 419.453 1015.51 419.453C1014.28 419.453 1013.28 420.125 1012.91 421.18H1012.86C1012.58 420.078 1011.73 419.453 1010.55 419.453C1009.43 419.453 1008.55 420.078 1008.21 421.031H1008.16V419.625H1005.88V428ZM1019.7 430.734H1021.98V426.57H1022.02C1022.48 427.562 1023.42 428.172 1024.62 428.172C1026.71 428.172 1028.01 426.531 1028.01 423.812V423.805C1028.01 421.078 1026.71 419.453 1024.59 419.453C1023.4 419.453 1022.48 420.07 1022.03 421.086H1021.98V419.625H1019.7V430.734ZM1023.84 426.281C1022.73 426.281 1021.97 425.328 1021.97 423.82V423.812C1021.97 422.297 1022.73 421.344 1023.84 421.344C1024.97 421.344 1025.69 422.273 1025.69 423.805V423.812C1025.69 425.336 1024.97 426.281 1023.84 426.281ZM1032.52 428.172C1033 428.172 1033.37 428.125 1033.62 428.086V426.414C1033.48 426.43 1033.34 426.453 1033.13 426.453C1032.45 426.453 1032.09 426.188 1032.09 425.406V421.344H1033.62V419.625H1032.09V417.578H1029.79V419.625H1028.62V421.344H1029.79V425.656C1029.79 427.453 1030.66 428.172 1032.52 428.172ZM1036.2 430.758C1038.05 430.758 1039.18 430.125 1039.84 428.148L1042.71 419.625H1040.3L1038.53 426.172H1038.47L1036.7 419.625H1034.2L1037.16 428L1037.05 428.273C1036.85 428.844 1036.48 429.039 1035.8 429.039C1035.46 429.039 1035.2 428.992 1035.03 428.961V430.656C1035.3 430.703 1035.75 430.758 1036.2 430.758Z" fill="black"/>
</g>
<defs>
<filter id="filter0_dd" x="478" y="5" width="660" height="426" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="10"/>
<feGaussianBlur stdDeviation="5"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.035 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="80"/>
<feGaussianBlur stdDeviation="40"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.075 0"/>
<feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape"/>
</filter>
<filter id="filter1_dd" x="-69" y="312" width="660" height="426" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="10"/>
<feGaussianBlur stdDeviation="5"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.035 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="80"/>
<feGaussianBlur stdDeviation="40"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.075 0"/>
<feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape"/>
</filter>
<filter id="filter2_dd" x="-64" y="5" width="660" height="426" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="10"/>
<feGaussianBlur stdDeviation="5"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.035 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="80"/>
<feGaussianBlur stdDeviation="40"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.075 0"/>
<feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape"/>
</filter>
<filter id="filter3_dd" x="478" y="307" width="660" height="426" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="10"/>
<feGaussianBlur stdDeviation="5"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.035 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="80"/>
<feGaussianBlur stdDeviation="40"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.075 0"/>
<feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape"/>
</filter>
<linearGradient id="paint0_linear" x1="536" y1="0" x2="536" y2="443" gradientUnits="userSpaceOnUse">
<stop stop-color="#C4C4C4"/>
<stop offset="0.791667" stop-color="#C4C4C4" stop-opacity="0.4"/>
<stop offset="0.958333" stop-color="#C4C4C4" stop-opacity="0"/>
</linearGradient>
</defs>
</svg>
View Git Blame Copy Permalink