mirrors/mue
1
0
Fork 0
mirror of https://github.com/mue/mue.git synced 2026-06-08 14:10:42 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: new welcome modal, refactor many things, various bug fixes, use material-ui v5 etc

Browse Source 
Co-authored-by: Alex Sparkes <turbomarshmello@gmail.com>
This commit is contained in:
David Ralph
2021-07-02 21:29:33 +01:00
parent c6b65f943a
commit cf36ced2a7
61 changed files with 782 additions and 324 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
public/icons/undraw_around_the_world_modified.svg Normal file
View File

@@ -0,0 +1,40 @@
<svg width="462" height="373" viewBox="0 0 462 373" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M358.798 200.076C329.56 178.219 283.766 157.547 233.159 143.363C187.081 130.447 142.137 124.212 106.599 125.804L106.414 121.671C142.376 120.061 187.785 126.348 234.276 139.379C285.355 153.696 331.645 174.611 361.275 196.763L358.798 200.076Z" fill="#CCCCCC"/>
<path d="M355.763 216.912C355.789 236.278 351.729 255.432 343.848 273.121C343.191 274.602 342.505 276.07 341.792 277.523C328.086 305.597 305.271 328.198 277.069 341.641C248.868 355.083 216.944 358.573 186.504 351.541C156.064 344.509 128.905 327.371 109.457 302.921C90.0086 278.472 79.4184 248.154 79.4139 216.912C79.4139 213.715 79.5228 210.541 79.7407 207.393C79.8441 205.792 79.978 204.201 80.1421 202.619C83.8063 167.401 100.85 134.934 127.756 111.917C154.662 88.8999 189.377 77.0897 224.738 78.9234C260.098 80.7571 293.405 96.0949 317.786 121.772C342.167 147.448 355.761 181.505 355.763 216.912V216.912Z" fill="#6C63FF"/>
<path opacity="0.1" d="M343.848 273.121C343.191 274.602 342.505 276.07 341.792 277.523C337.755 277.962 333.505 278.28 329.042 278.479C325.348 278.644 321.546 278.727 317.661 278.727C283.73 278.727 242.894 272.464 201.177 260.773C154.686 247.741 112.625 229.514 82.74 209.445C81.7223 208.763 80.7225 208.079 79.7407 207.393C79.8441 205.792 79.978 204.201 80.1421 202.619C81.7265 203.749 83.3606 204.88 85.0443 206.012C114.578 225.84 156.217 243.873 202.294 256.789C243.647 268.38 284.098 274.59 317.641 274.59C321.476 274.59 325.214 274.509 328.856 274.346C334.16 274.106 339.157 273.698 343.848 273.121Z" fill="black"/>
<path d="M317.662 275.418C283.732 275.419 242.893 269.155 201.178 257.463C154.687 244.432 112.625 226.204 82.7394 206.136C52.23 185.65 37.9235 165.463 42.4551 149.295C46.9866 133.127 69.7009 123.316 106.414 121.671L106.599 125.804C89.4542 126.572 75.4823 129.121 65.071 133.378C54.685 137.625 48.4161 143.356 46.4385 150.412C44.461 157.467 46.8381 165.621 53.5037 174.648C60.1857 183.696 70.7979 193.135 85.0456 202.702C114.576 222.531 156.216 240.564 202.295 253.479C243.649 265.07 284.097 271.281 317.642 271.282C321.475 271.282 325.212 271.201 328.855 271.038C345.999 270.269 359.971 267.721 370.383 263.464C380.769 259.217 387.038 253.486 389.015 246.43C392.566 233.761 381.835 217.299 358.798 200.076L361.276 196.763C373.13 205.626 381.905 214.362 387.358 222.728C393.203 231.697 395.101 240.048 392.999 247.547C388.467 263.715 365.753 273.525 329.04 275.171C325.346 275.336 321.546 275.418 317.662 275.418Z" fill="#CCCCCC"/>
<path d="M221.244 53.8181C222.118 53.8181 222.827 53.1092 222.827 52.2347C222.827 51.3603 222.118 50.6514 221.244 50.6514C220.369 50.6514 219.66 51.3603 219.66 52.2347C219.66 53.1092 220.369 53.8181 221.244 53.8181Z" fill="#F2F2F2"/>
<path d="M11.1866 122.525C12.691 122.525 13.9105 121.305 13.9105 119.801C13.9105 118.296 12.691 117.077 11.1866 117.077C9.68225 117.077 8.46271 118.296 8.46271 119.801C8.46271 121.305 9.68225 122.525 11.1866 122.525Z" fill="#CCCCCC"/>
<path d="M5.38101 231.794C8.35286 231.794 10.762 229.384 10.762 226.413C10.762 223.441 8.35286 221.032 5.38101 221.032C2.40916 221.032 0 223.441 0 226.413C0 229.384 2.40916 231.794 5.38101 231.794Z" fill="#CCCCCC"/>
<path d="M328.383 65.3211C330.364 65.3211 331.97 63.7154 331.97 61.7347C331.97 59.7541 330.364 58.1484 328.383 58.1484C326.403 58.1484 324.797 59.7541 324.797 61.7347C324.797 63.7154 326.403 65.3211 328.383 65.3211Z" fill="#CCCCCC"/>
<path d="M455.578 216.402C458.794 216.402 461.401 213.795 461.401 210.579C461.401 207.363 458.794 204.756 455.578 204.756C452.363 204.756 449.756 207.363 449.756 210.579C449.756 213.795 452.363 216.402 455.578 216.402Z" fill="#CCCCCC"/>
<path d="M410.047 120.078C411.427 120.078 412.546 118.96 412.546 117.58C412.546 116.2 411.427 115.082 410.047 115.082C408.668 115.082 407.549 116.2 407.549 117.58C407.549 118.96 408.668 120.078 410.047 120.078Z" fill="#CCCCCC"/>
<path d="M106.715 89.3826C108.867 89.3826 110.612 87.6377 110.612 85.4852C110.612 83.3328 108.867 81.5879 106.715 81.5879C104.563 81.5879 102.818 83.3328 102.818 85.4852C102.818 87.6377 104.563 89.3826 106.715 89.3826Z" fill="#CCCCCC"/>
<path d="M401.303 201.271C402.683 201.271 403.802 200.152 403.802 198.772C403.802 197.393 402.683 196.274 401.303 196.274C399.924 196.274 398.805 197.393 398.805 198.772C398.805 200.152 399.924 201.271 401.303 201.271Z" fill="#CCCCCC"/>
<path d="M18.0478 305.522C19.7651 305.522 21.1572 304.13 21.1572 302.413C21.1572 300.696 19.7651 299.304 18.0478 299.304C16.3305 299.304 14.9384 300.696 14.9384 302.413C14.9384 304.13 16.3305 305.522 18.0478 305.522Z" fill="#CCCCCC"/>
<path d="M80.8538 349.059C82.7135 349.059 84.221 347.551 84.221 345.691C84.221 343.832 82.7135 342.324 80.8538 342.324C78.9941 342.324 77.4865 343.832 77.4865 345.691C77.4865 347.551 78.9941 349.059 80.8538 349.059Z" fill="#CCCCCC"/>
<path d="M178.742 6.645H172.097V0H168.532V6.645H161.884V10.213H168.532V16.858H172.097V10.213H178.742V6.645Z" fill="#CCCCCC"/>
<path d="M332.884 366.201H328.71V362.029H326.472V366.201H322.3V368.44H326.472V372.612H328.71V368.44H332.884V366.201Z" fill="#CCCCCC"/>
<path d="M429.188 344.844H426.069V341.725H424.394V344.844H421.275V346.519H424.394V349.638H426.069V346.519H429.188V344.844Z" fill="#CCCCCC"/>
<path opacity="0.1" d="M219.66 120.329C226.073 120.329 231.272 115.13 231.272 108.717C231.272 102.305 226.073 97.1062 219.66 97.1062C213.248 97.1062 208.049 102.305 208.049 108.717C208.049 115.13 213.248 120.329 219.66 120.329Z" fill="black"/>
<path opacity="0.1" d="M130.465 205.301C136.878 205.301 142.076 200.103 142.076 193.69C142.076 187.278 136.878 182.079 130.465 182.079C124.053 182.079 118.854 187.278 118.854 193.69C118.854 200.103 124.053 205.301 130.465 205.301Z" fill="black"/>
<path opacity="0.1" d="M258.716 321.941C265.129 321.941 270.327 316.743 270.327 310.33C270.327 303.917 265.129 298.719 258.716 298.719C252.303 298.719 247.105 303.917 247.105 310.33C247.105 316.743 252.303 321.941 258.716 321.941Z" fill="black"/>
<path opacity="0.1" d="M219.66 223.246C226.073 223.246 231.272 218.047 231.272 211.635C231.272 205.222 226.073 200.023 219.66 200.023C213.248 200.023 208.049 205.222 208.049 211.635C208.049 218.047 213.248 223.246 219.66 223.246Z" fill="black"/>
<path opacity="0.1" d="M136.271 287.108C142.683 287.108 147.882 281.909 147.882 275.496C147.882 269.084 142.683 263.885 136.271 263.885C129.858 263.885 124.66 269.084 124.66 275.496C124.66 281.909 129.858 287.108 136.271 287.108Z" fill="black"/>
<path opacity="0.1" d="M281.939 160.968C288.351 160.968 293.55 155.769 293.55 149.357C293.55 142.944 288.351 137.745 281.939 137.745C275.526 137.745 270.327 142.944 270.327 149.357C270.327 155.769 275.526 160.968 281.939 160.968Z" fill="black"/>
<path opacity="0.1" d="M320.467 239.607C326.879 239.607 332.078 234.409 332.078 227.996C332.078 221.583 326.879 216.385 320.467 216.385C314.054 216.385 308.855 221.583 308.855 227.996C308.855 234.409 314.054 239.607 320.467 239.607Z" fill="black"/>
<path d="M219.66 176.273C228.113 176.273 234.966 169.421 234.966 160.968C234.966 152.515 228.113 145.662 219.66 145.662C211.207 145.662 204.355 152.515 204.355 160.968C204.355 169.421 211.207 176.273 219.66 176.273Z" fill="white"/>
<path d="M219.66 138.801C213.921 138.801 208.417 141.081 204.359 145.139C200.301 149.197 198.021 154.701 198.021 160.44C198.021 172.391 219.66 211.635 219.66 211.635C219.66 211.635 241.299 172.391 241.299 160.44C241.299 154.701 239.019 149.197 234.961 145.139C230.903 141.081 225.399 138.801 219.66 138.801ZM219.66 170.995C217.677 170.995 215.738 170.407 214.089 169.305C212.44 168.204 211.155 166.637 210.396 164.805C209.637 162.973 209.438 160.956 209.825 159.011C210.212 157.066 211.167 155.279 212.57 153.877C213.972 152.474 215.759 151.519 217.704 151.132C219.649 150.745 221.665 150.944 223.498 151.703C225.33 152.462 226.896 153.747 227.998 155.396C229.1 157.045 229.688 158.984 229.688 160.968C229.688 162.284 229.429 163.588 228.925 164.805C228.421 166.022 227.682 167.127 226.751 168.058C225.82 168.99 224.714 169.728 223.498 170.232C222.281 170.736 220.977 170.995 219.66 170.995V170.995Z" fill="#CCCCCC"/>
<path d="M136.271 241.718C144.724 241.718 151.576 234.866 151.576 226.413C151.576 217.96 144.724 211.107 136.271 211.107C127.818 211.107 120.965 217.96 120.965 226.413C120.965 234.866 127.818 241.718 136.271 241.718Z" fill="white"/>
<path d="M136.271 204.246C130.532 204.246 125.028 206.526 120.97 210.584C116.912 214.642 114.632 220.146 114.632 225.885C114.632 237.836 136.271 277.08 136.271 277.08C136.271 277.08 157.91 237.836 157.91 225.885C157.91 223.043 157.35 220.229 156.263 217.604C155.175 214.979 153.581 212.593 151.572 210.584C149.563 208.574 147.177 206.98 144.552 205.893C141.926 204.806 139.113 204.246 136.271 204.246ZM136.271 236.44C134.288 236.44 132.349 235.852 130.7 234.75C129.051 233.649 127.765 232.082 127.006 230.25C126.247 228.418 126.049 226.401 126.436 224.456C126.823 222.511 127.778 220.724 129.18 219.322C130.583 217.919 132.369 216.964 134.314 216.577C136.26 216.191 138.276 216.389 140.108 217.148C141.941 217.907 143.507 219.192 144.609 220.841C145.711 222.491 146.299 224.429 146.299 226.413C146.299 227.73 146.039 229.034 145.535 230.25C145.031 231.467 144.293 232.572 143.362 233.503C142.43 234.435 141.325 235.173 140.108 235.677C138.892 236.181 137.588 236.44 136.271 236.44V236.44Z" fill="#CCCCCC"/>
<path d="M320.467 194.218C328.92 194.218 335.772 187.365 335.772 178.912C335.772 170.459 328.92 163.607 320.467 163.607C312.013 163.607 305.161 170.459 305.161 178.912C305.161 187.365 312.013 194.218 320.467 194.218Z" fill="white"/>
<path d="M320.467 156.746C317.625 156.746 314.811 157.305 312.186 158.393C309.56 159.48 307.175 161.074 305.165 163.084C303.156 165.093 301.562 167.478 300.475 170.104C299.387 172.729 298.828 175.543 298.828 178.385C298.828 190.336 320.467 229.579 320.467 229.579C320.467 229.579 342.106 190.336 342.106 178.385C342.106 175.543 341.546 172.729 340.458 170.104C339.371 167.478 337.777 165.093 335.768 163.084C333.758 161.074 331.373 159.48 328.747 158.393C326.122 157.305 323.308 156.746 320.467 156.746ZM320.467 188.94C318.483 188.94 316.544 188.352 314.895 187.25C313.246 186.148 311.961 184.582 311.202 182.75C310.443 180.918 310.245 178.901 310.631 176.956C311.018 175.011 311.973 173.224 313.376 171.822C314.778 170.419 316.565 169.464 318.51 169.077C320.456 168.69 322.472 168.889 324.304 169.648C326.136 170.407 327.703 171.692 328.804 173.341C329.906 174.99 330.494 176.929 330.494 178.912C330.494 180.229 330.235 181.533 329.731 182.75C329.227 183.967 328.489 185.072 327.557 186.003C326.626 186.934 325.521 187.673 324.304 188.177C323.087 188.681 321.783 188.94 320.467 188.94V188.94Z" fill="#CCCCCC"/>
<path d="M219.66 73.356C228.113 73.356 234.966 66.5034 234.966 58.0503C234.966 49.5972 228.113 42.7446 219.66 42.7446C211.207 42.7446 204.355 49.5972 204.355 58.0503C204.355 66.5034 211.207 73.356 219.66 73.356Z" fill="white"/>
<path d="M219.66 35.8835C213.921 35.8836 208.417 38.1634 204.359 42.2215C200.301 46.2796 198.021 51.7835 198.021 57.5225C198.021 69.4734 219.66 108.717 219.66 108.717C219.66 108.717 241.299 69.4734 241.299 57.5225C241.299 51.7835 239.019 46.2796 234.961 42.2215C230.903 38.1634 225.399 35.8835 219.66 35.8835V35.8835ZM219.66 68.0782C217.677 68.0782 215.738 67.4901 214.089 66.3882C212.44 65.2863 211.155 63.7202 210.396 61.8878C209.637 60.0555 209.438 58.0392 209.825 56.094C210.212 54.1488 211.167 52.362 212.57 50.9595C213.972 49.5571 215.759 48.6021 217.704 48.2151C219.649 47.8282 221.665 48.0268 223.498 48.7858C225.33 49.5448 226.896 50.8301 227.998 52.4792C229.1 54.1282 229.688 56.067 229.688 58.0503C229.688 59.3672 229.429 60.6712 228.925 61.8878C228.421 63.1045 227.682 64.21 226.751 65.1411C225.82 66.0723 224.714 66.811 223.498 67.3149C222.281 67.8188 220.977 68.0782 219.66 68.0782V68.0782Z" fill="#CCCCCC"/>
<path d="M258.716 276.552C267.169 276.552 274.022 269.699 274.022 261.246C274.022 252.793 267.169 245.941 258.716 245.941C250.263 245.941 243.41 252.793 243.41 261.246C243.41 269.699 250.263 276.552 258.716 276.552Z" fill="white"/>
<path d="M258.716 239.079C252.977 239.079 247.473 241.359 243.415 245.417C239.357 249.475 237.077 254.979 237.077 260.718C237.077 272.669 258.716 311.913 258.716 311.913C258.716 311.913 280.355 272.669 280.355 260.718C280.355 257.877 279.795 255.063 278.708 252.437C277.62 249.812 276.027 247.427 274.017 245.417C272.008 243.408 269.622 241.814 266.997 240.727C264.372 239.639 261.558 239.079 258.716 239.079V239.079ZM258.716 271.274C256.733 271.274 254.794 270.686 253.145 269.584C251.496 268.482 250.211 266.916 249.452 265.084C248.693 263.251 248.494 261.235 248.881 259.29C249.268 257.345 250.223 255.558 251.625 254.155C253.028 252.753 254.815 251.798 256.76 251.411C258.705 251.024 260.721 251.223 262.554 251.982C264.386 252.741 265.952 254.026 267.054 255.675C268.156 257.324 268.744 259.263 268.744 261.246C268.744 262.563 268.485 263.867 267.981 265.084C267.477 266.3 266.738 267.406 265.807 268.337C264.876 269.268 263.77 270.007 262.554 270.511C261.337 271.015 260.033 271.274 258.716 271.274V271.274Z" fill="#3F3D56"/>
<path d="M130.465 158.856C138.918 158.856 145.771 152.004 145.771 143.551C145.771 135.098 138.918 128.245 130.465 128.245C122.012 128.245 115.16 135.098 115.16 143.551C115.16 152.004 122.012 158.856 130.465 158.856Z" fill="white"/>
<path d="M130.465 121.384C124.726 121.384 119.222 123.664 115.164 127.722C111.106 131.78 108.826 137.284 108.826 143.023C108.826 154.974 130.465 194.218 130.465 194.218C130.465 194.218 152.104 154.974 152.104 143.023C152.104 137.284 149.824 131.78 145.766 127.722C141.708 123.664 136.204 121.384 130.465 121.384ZM130.465 153.579C128.482 153.579 126.543 152.991 124.894 151.889C123.245 150.787 121.96 149.221 121.201 147.389C120.442 145.556 120.243 143.54 120.63 141.595C121.017 139.65 121.972 137.863 123.374 136.46C124.777 135.058 126.564 134.103 128.509 133.716C130.454 133.329 132.47 133.528 134.303 134.287C136.135 135.046 137.701 136.331 138.803 137.98C139.905 139.629 140.493 141.568 140.493 143.551C140.493 144.868 140.234 146.172 139.73 147.389C139.226 148.605 138.487 149.711 137.556 150.642C136.625 151.573 135.519 152.312 134.303 152.816C133.086 153.32 131.782 153.579 130.465 153.579Z" fill="#3F3D56"/>
<path d="M281.939 116.106C290.392 116.106 297.244 109.254 297.244 100.801C297.244 92.3477 290.392 85.4951 281.939 85.4951C273.485 85.4951 266.633 92.3477 266.633 100.801C266.633 109.254 273.485 116.106 281.939 116.106Z" fill="white"/>
<path d="M281.938 78.6338C276.199 78.6338 270.695 80.9136 266.637 84.9717C262.579 89.0298 260.299 94.5338 260.299 100.273C260.299 112.224 281.938 151.468 281.938 151.468C281.938 151.468 303.577 112.224 303.577 100.273C303.577 94.5338 301.298 89.0298 297.24 84.9717C293.181 80.9136 287.677 78.6338 281.938 78.6338V78.6338ZM281.938 110.828C279.955 110.828 278.016 110.24 276.367 109.138C274.718 108.037 273.433 106.47 272.674 104.638C271.915 102.806 271.716 100.789 272.103 98.8443C272.49 96.899 273.445 95.1122 274.848 93.7098C276.25 92.3074 278.037 91.3523 279.982 90.9654C281.927 90.5785 283.944 90.7771 285.776 91.536C287.608 92.295 289.174 93.5803 290.276 95.2294C291.378 96.8785 291.966 98.8173 291.966 100.801C291.966 103.46 290.91 106.011 289.029 107.891C287.149 109.772 284.598 110.828 281.938 110.828V110.828V110.828Z" fill="#3F3D56"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB