fix: added new image to get started templates, fixed sidebar overlapping bug (#4533)
* Fixed flow on top of sidebar * Fixed get started templates design and bg image * Fixed build button overflowing * Changed truncation of list * Fixed colors on collapse buttons * Fixed is mobile hook and fixed sidebar not reappearing after hiding it in small screens * Changed to max char 110
This commit is contained in:
Lucas Oliveira
GitHub
parent
94561426a2
commit
ae966ab588
19 changed files with 71 additions and 160 deletions
|
|
@ -1,42 +0,0 @@
|
|||
<svg width="285" height="382" viewBox="0 0 285 382" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g>
|
||||
<g clip-path="url(#clip0_3291_5826)">
|
||||
<g style="mix-blend-mode:plus-lighter">
|
||||
<path opacity="0.0344828" d="M31.9193 275.696L112.599 261.574C126.234 259.188 135.515 246.413 133.571 232.709L122.07 151.613C118.659 127.56 148.905 114.094 164.497 132.724L217.067 195.534C225.951 206.148 241.655 207.799 252.551 199.263L317.031 148.756C336.157 133.775 362.942 153.235 354.604 176.054L326.494 252.986C321.743 265.987 328.165 280.412 341.006 285.581L416.987 316.168C439.523 325.241 436.063 358.167 412.132 362.356L331.452 376.477C317.818 378.864 308.536 391.638 310.48 405.343L321.981 486.438C325.392 510.492 295.147 523.958 279.554 505.328L226.984 442.518C218.1 431.903 202.397 430.253 191.5 438.788L127.02 489.296C107.895 504.277 81.1098 484.817 89.4476 461.998L117.558 385.066C122.308 372.065 115.886 357.64 103.046 352.471L27.0647 321.884C4.52797 312.811 7.98872 279.884 31.9193 275.696Z" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.0689655" d="M37.8197 266.34L116.769 256.747C130.51 255.077 140.447 242.806 139.223 229.018L132.192 149.799C130.045 125.6 160.954 113.735 175.55 133.156L223.333 196.732C231.649 207.797 247.245 210.267 258.573 202.313L323.664 156.615C343.547 142.655 369.277 163.491 359.756 185.842L328.589 259.011C323.165 271.745 328.823 286.487 341.375 292.321L413.497 325.841C435.528 336.081 430.348 368.781 406.232 371.712L327.282 381.305C313.541 382.974 303.604 395.246 304.828 409.033L311.859 488.252C314.007 512.452 283.098 524.316 268.501 504.896L220.718 441.32C212.402 430.255 196.806 427.785 185.478 435.738L120.388 481.437C100.504 495.397 74.7746 474.561 84.2953 452.21L115.462 379.041C120.887 366.306 115.228 351.565 102.676 345.731L30.5544 312.21C8.52339 301.971 13.7027 269.27 37.8197 266.34Z" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.103448" d="M44.169 257.481L121.142 252.196C134.951 251.248 145.517 239.513 145.017 225.681L142.227 148.577C141.349 124.298 172.836 114.067 186.396 134.225L229.46 198.243C237.186 209.728 252.631 213.011 264.36 205.662L329.739 164.694C350.326 151.794 374.93 173.947 364.253 195.77L330.343 265.073C324.26 277.506 329.139 292.524 341.369 299.007L409.538 335.143C431.003 346.521 424.119 378.906 399.882 380.57L322.909 385.856C309.1 386.804 298.534 398.538 299.034 412.371L301.824 489.475C302.702 513.753 271.215 523.984 257.655 503.826L214.591 439.808C206.865 428.323 191.42 425.04 179.691 432.39L114.312 473.358C93.7249 486.258 69.1209 464.104 79.7982 442.282L113.708 372.978C119.791 360.545 114.912 345.528 102.682 339.045L34.5132 302.909C13.0482 291.53 19.9317 259.146 44.169 257.481Z" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.137931" d="M50.932 249.141L125.7 247.93C139.54 247.706 150.706 236.54 150.93 222.7L152.141 147.932C152.535 123.641 184.514 115.072 197.001 135.912L235.434 200.058C242.548 211.931 257.8 216.018 269.898 209.292L335.255 172.957C356.489 161.152 379.899 184.563 368.095 205.796L331.759 271.153C325.033 283.251 329.12 298.503 340.994 305.618L405.14 344.051C425.98 356.537 417.411 388.517 393.12 388.91L318.351 390.122C304.511 390.346 293.346 401.511 293.122 415.351L291.91 490.119C291.517 514.411 259.537 522.98 247.051 502.14L208.618 437.994C201.503 426.12 186.251 422.033 174.154 428.759L108.797 465.095C87.563 476.899 64.1521 453.488 75.9569 432.255L112.292 366.898C119.018 354.8 114.931 339.548 103.058 332.434L38.9119 294.001C18.0718 281.514 26.6408 249.535 50.932 249.141Z" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.172414" d="M58.0709 241.338L130.426 243.955C144.258 244.456 155.993 233.89 156.941 220.081L161.901 147.849C163.565 123.611 195.95 116.728 207.328 138.193L241.239 202.163C247.722 214.393 262.739 219.272 275.172 213.189L340.207 181.368C362.029 170.69 384.183 195.294 371.283 215.881L332.838 277.233C325.489 288.963 328.772 304.408 340.257 312.134L400.332 352.545C420.49 366.105 410.259 397.592 385.98 396.714L313.625 394.096C299.793 393.596 288.058 404.162 287.11 417.971L282.15 490.203C280.486 514.44 248.101 521.324 236.723 499.859L202.812 435.889C196.329 423.659 181.312 418.78 168.879 424.863L103.844 456.684C82.0219 467.361 59.8683 442.757 72.7682 422.171L111.213 360.818C118.562 349.089 115.279 333.644 103.794 325.918L43.7194 285.507C23.5614 271.947 33.7924 240.459 58.0709 241.338Z" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.206897" d="M65.549 234.087L135.301 240.278C149.089 241.501 161.36 231.564 163.029 217.824L171.476 148.309C174.407 124.192 207.107 119.013 217.347 141.044L246.861 204.546C252.695 217.098 267.437 222.757 280.171 217.333L344.596 189.89C366.947 180.37 387.783 206.099 373.823 225.983L333.586 283.294C325.632 294.623 328.102 310.218 339.167 318.535L395.146 360.607C414.566 375.204 402.701 406.113 378.502 403.965L308.75 397.774C294.963 396.55 282.691 406.487 281.022 420.228L272.575 489.743C269.645 513.86 236.944 519.039 226.705 497.008L197.19 433.506C191.356 420.953 176.615 415.295 163.88 420.719L99.4551 448.162C77.1039 457.682 56.2684 431.952 70.2281 412.069L110.465 354.758C118.419 343.429 115.949 327.833 104.884 319.517L48.9056 277.445C29.4849 262.848 41.3498 231.939 65.549 234.087Z" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.241379" d="M73.3279 227.403L140.308 236.902C154.012 238.845 166.787 229.564 169.173 215.93L180.837 149.293C185.026 125.362 217.952 121.901 227.025 144.438L252.288 207.194C257.457 220.034 271.882 226.457 284.883 221.706L348.424 198.489C371.243 190.151 390.704 216.936 375.722 236.061L334.006 289.318C325.47 300.215 327.121 315.918 337.735 324.802L389.613 368.222C408.243 383.815 394.777 414.06 370.723 410.649L303.743 401.15C290.039 399.206 277.264 408.487 274.878 422.122L263.214 488.759C259.026 512.689 226.099 516.15 217.026 493.613L191.763 430.857C186.594 418.017 172.169 411.595 159.168 416.345L95.6269 439.563C72.8081 447.9 53.3476 421.116 68.3288 401.99L110.045 348.734C118.581 337.837 116.93 322.133 106.316 313.249L54.4382 269.83C35.808 254.237 49.2742 223.991 73.3279 227.403Z" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.275862" d="M81.369 221.297L145.428 233.832C159.012 236.49 172.255 227.89 175.352 214.399L189.955 150.78C195.391 127.101 228.453 125.369 236.334 148.349L257.507 210.094C261.997 223.187 276.067 230.356 289.298 226.292L351.696 207.129C374.92 199.997 392.952 227.764 376.99 246.079L334.105 295.288C325.011 305.723 325.837 321.492 335.972 330.919L383.767 375.376C401.555 391.922 386.524 421.422 362.682 416.756L298.623 404.221C285.039 401.563 271.796 410.163 268.7 423.654L254.096 487.273C248.661 510.952 215.598 512.684 207.717 489.704L186.544 427.959C182.054 414.866 167.985 407.697 154.753 411.761L92.3551 430.924C69.1313 438.056 51.0993 410.289 67.0609 391.974L109.946 342.765C119.04 332.33 118.214 316.561 108.079 307.134L60.2848 262.677C42.4962 246.131 57.5269 216.631 81.369 221.297Z" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.310345" d="M89.6334 215.776L150.644 231.069C164.07 234.434 177.745 226.539 181.543 213.229L198.804 152.746C205.472 129.384 238.58 129.384 245.247 152.746L262.508 213.229C266.306 226.539 279.981 234.434 293.407 231.069L354.418 215.776C377.983 209.869 394.537 238.541 377.639 255.996L333.89 301.186C324.262 311.131 324.262 326.921 333.89 336.866L377.639 382.056C394.537 399.51 377.983 428.183 354.418 422.276L293.407 406.983C279.981 403.617 266.306 411.512 262.508 424.823L245.247 485.306C238.58 508.667 205.472 508.667 198.804 485.306L181.543 424.823C177.745 411.512 164.07 403.617 150.644 406.983L89.6334 422.276C66.0681 428.183 49.5141 399.51 66.4123 382.056L110.162 336.866C119.789 326.921 119.789 311.131 110.162 301.186L66.4123 255.996C49.5141 238.541 66.0681 209.869 89.6334 215.776Z" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.344828" d="M98.082 210.848L155.937 228.615C169.169 232.679 183.238 225.51 187.728 212.417L207.36 155.168C215.241 132.187 248.303 133.92 253.739 157.598L267.279 216.586C270.376 230.077 283.619 238.677 297.203 236.019L356.598 224.396C380.44 219.731 395.471 249.23 377.682 265.776L333.368 306.997C323.233 316.424 322.406 332.192 331.5 342.627L371.263 388.254C387.225 406.569 369.193 434.336 345.969 427.204L288.114 409.436C274.882 405.373 260.813 412.541 256.323 425.634L236.691 482.884C228.811 505.864 195.748 504.132 190.313 480.453L176.772 421.465C173.675 407.974 160.433 399.375 146.849 402.033L87.4533 413.655C63.6111 418.321 48.5804 388.821 66.369 372.275L110.684 331.055C120.819 321.628 121.645 305.859 112.551 295.424L72.7877 249.798C56.8262 231.482 74.8581 203.716 98.082 210.848Z" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.37931" d="M106.676 206.517L161.29 226.472C174.291 231.223 188.716 224.8 193.885 211.96L215.599 158.021C224.671 135.484 257.598 138.945 261.787 162.875L271.812 220.15C274.198 233.785 286.973 243.066 300.677 241.122L358.247 232.958C382.301 229.546 395.767 259.792 377.137 275.385L332.547 312.704C321.933 321.588 320.282 337.292 328.818 348.189L364.674 393.963C379.655 413.089 360.194 439.873 337.375 431.536L282.761 411.58C269.76 406.83 255.335 413.252 250.166 426.092L228.452 480.031C219.38 502.568 186.453 499.107 182.264 475.177L172.239 417.902C169.853 404.267 157.078 394.986 143.374 396.93L85.8042 405.094C61.7505 408.506 48.2843 378.26 66.9145 362.667L111.504 325.348C122.118 316.464 123.769 300.76 115.233 289.864L79.3775 244.089C64.3964 224.964 83.8568 198.179 106.676 206.517Z" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.413793" d="M115.375 202.783L166.684 224.638C179.419 230.062 194.16 224.404 199.994 211.852L223.5 161.278C233.74 139.246 266.44 144.426 269.37 168.543L276.098 223.905C277.767 237.646 290.038 247.583 303.826 246.359L359.377 241.429C383.576 239.281 395.441 270.19 376.021 284.786L331.439 318.293C320.374 326.61 317.904 342.205 325.857 353.534L357.903 399.177C371.862 419.061 351.027 444.79 328.676 435.27L277.367 413.414C264.632 407.99 249.891 413.649 244.057 426.201L220.551 476.775C210.312 498.806 177.611 493.627 174.681 469.51L167.954 414.147C166.284 400.407 154.013 390.47 140.225 391.693L84.6741 396.624C60.4748 398.772 48.6099 367.863 68.0306 353.266L112.612 319.759C123.677 311.443 126.147 295.847 118.194 284.519L86.1485 238.875C72.1888 218.992 93.0243 193.262 115.375 202.783Z" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.448276" d="M124.143 199.645L172.103 223.111C184.536 229.195 199.554 224.315 206.037 212.085L231.044 164.91C242.423 143.445 274.807 150.329 276.472 174.566L280.129 227.834C281.077 241.644 292.812 252.209 306.644 251.709L360.003 249.778C384.282 248.9 394.513 280.388 374.355 293.948L330.052 323.749C318.567 331.475 315.284 346.92 322.634 358.649L350.985 403.894C363.885 424.481 341.731 449.085 319.909 438.407L271.948 414.941C259.515 408.857 244.498 413.737 238.015 425.967L213.007 473.142C201.629 494.607 169.244 487.723 167.58 463.486L163.922 410.218C162.974 396.409 151.24 385.843 137.407 386.343L84.0485 388.274C59.77 389.152 49.539 357.664 69.697 344.105L114 314.303C125.485 306.577 128.768 291.132 121.418 279.403L93.0669 234.158C80.167 213.571 102.321 188.967 124.143 199.645Z" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.482759" d="M132.939 197.1L177.529 221.889C189.627 228.615 204.879 224.528 211.993 212.655L238.214 168.891C250.7 148.051 282.68 156.62 283.074 180.911L283.9 231.922C284.124 245.762 295.289 256.927 309.129 257.152L360.14 257.978C384.431 258.371 393 290.351 372.16 302.838L328.397 329.059C316.523 336.173 312.436 351.425 319.162 363.523L343.952 408.113C355.757 429.346 332.346 452.757 311.112 440.952L266.523 416.162C254.425 409.437 239.173 413.523 232.058 425.397L205.837 469.16C193.351 490.001 161.371 481.432 160.978 457.14L160.151 406.13C159.927 392.29 148.762 381.124 134.922 380.9L83.9112 380.074C59.62 379.68 51.051 347.7 71.891 335.214L115.655 308.993C127.528 301.879 131.615 286.627 124.889 274.529L100.099 229.939C88.2945 208.706 111.705 185.295 132.939 197.1Z" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.517241" d="M141.727 195.142L182.945 220.97C194.674 228.319 210.119 225.036 217.845 213.551L244.994 173.192C258.554 153.034 290.042 163.265 289.163 187.543L287.405 236.153C286.904 249.985 297.47 261.72 311.279 262.668L359.806 266C384.044 267.664 390.927 300.049 369.462 311.428L326.486 334.209C314.256 340.692 309.377 355.71 315.46 368.143L336.838 411.835C347.515 433.657 322.911 455.81 302.325 442.911L261.107 417.083C249.378 409.733 233.932 413.016 226.207 424.501L199.057 464.861C185.497 485.019 154.01 474.788 154.888 450.509L156.647 401.9C157.147 388.067 146.582 376.333 132.772 375.384L84.2453 372.052C60.008 370.388 53.1244 338.003 74.5894 326.625L117.566 303.843C129.796 297.36 134.675 282.343 128.591 269.91L107.214 226.218C96.5363 204.396 121.14 182.242 141.727 195.142Z" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.551724" d="M150.469 193.762L188.334 220.346C199.663 228.3 215.258 225.83 223.575 214.765L251.371 177.781C265.968 158.36 296.877 170.225 294.729 194.424L290.639 240.508C289.415 254.296 299.352 266.567 313.093 268.237L359.02 273.817C383.137 276.748 388.317 309.448 366.286 319.688L324.33 339.188C311.778 345.022 306.12 359.763 311.544 372.498L329.675 415.062C339.195 437.414 313.466 458.249 293.582 444.289L255.717 417.705C244.389 409.752 228.793 412.222 220.477 423.287L192.68 460.271C178.084 479.691 147.175 467.827 149.322 443.627L153.413 397.543C154.636 383.756 144.699 371.484 130.959 369.815L85.0311 364.234C60.9141 361.304 55.7349 328.603 77.766 318.364L119.721 298.864C132.273 293.03 137.932 278.288 132.508 265.554L114.377 222.989C104.856 200.638 130.586 179.802 150.469 193.762Z" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.586207" d="M159.13 192.951L193.681 220.016C204.578 228.551 220.281 226.901 229.165 216.286L257.335 182.63C272.927 163.999 303.173 177.466 299.762 201.519L293.599 244.974C291.655 258.678 300.937 271.453 314.571 273.839L357.803 281.406C381.734 285.595 385.194 318.522 362.658 327.594L321.944 343.984C309.103 349.153 302.681 363.578 307.431 376.579L322.494 417.803C330.832 440.622 304.047 460.082 284.922 445.101L250.37 418.036C239.474 409.501 223.77 411.151 214.886 421.766L186.717 455.423C171.124 474.053 140.878 460.586 144.29 436.533L150.452 393.078C152.396 379.374 143.115 366.599 129.48 364.213L86.2484 356.646C62.3178 352.457 58.8571 319.531 81.3938 310.458L122.108 294.068C134.948 288.899 141.371 274.474 136.62 261.473L121.557 220.249C113.22 197.431 140.004 177.97 159.13 192.951Z" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.62069" d="M167.674 192.696L198.97 219.97C209.405 229.064 225.174 228.238 234.601 218.103L262.875 187.706C279.421 169.918 308.92 184.949 304.255 208.791L296.283 249.531C293.624 263.115 302.224 276.358 315.715 279.455L356.176 288.742C379.855 294.178 381.587 327.24 358.607 335.121L319.338 348.587C306.245 353.077 299.077 367.146 303.14 380.378L315.327 420.062C322.459 443.286 294.693 461.318 276.377 445.356L245.081 418.082C234.646 408.988 218.878 409.814 209.45 419.949L181.177 450.345C164.63 468.134 135.131 453.103 139.796 429.261L147.769 388.521C150.427 374.937 141.827 361.694 128.336 358.597L87.8751 349.309C64.1966 343.874 62.4638 310.811 85.4445 302.931L124.713 289.465C137.806 284.975 144.975 270.906 140.911 257.674L128.724 217.99C121.592 194.766 149.359 176.734 167.674 192.696Z" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.655172" d="M176.067 192.981L204.186 220.203C214.13 229.831 229.921 229.831 239.865 220.203L267.984 192.981C285.439 176.083 314.111 192.637 308.204 216.202L298.688 254.165C295.323 267.591 303.218 281.266 316.528 285.064L354.163 295.805C377.525 302.472 377.525 335.58 354.163 342.247L316.528 352.987C303.218 356.786 295.323 370.461 298.688 383.887L308.204 421.85C314.111 445.415 285.439 461.969 267.984 445.071L239.865 417.848C229.921 408.221 214.13 408.221 204.186 417.848L176.067 445.071C158.612 461.969 129.94 445.415 135.847 421.85L145.363 383.887C148.728 370.461 140.833 356.786 127.523 352.987L89.8882 342.247C66.5266 335.58 66.5266 302.472 89.8882 295.805L127.523 285.064C140.833 281.266 148.728 267.591 145.363 254.165L135.847 216.202C129.94 192.637 158.612 176.083 176.067 192.981Z" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.689655" d="M184.277 193.784L209.314 220.701C218.741 230.836 234.51 231.662 244.945 222.568L272.658 198.416C290.974 182.455 318.74 200.486 311.608 223.71L300.816 258.852C296.753 272.083 303.921 286.152 317.014 290.642L351.788 302.567C374.768 310.448 373.036 343.51 349.357 348.946L313.528 357.17C300.037 360.267 291.437 373.51 294.095 387.094L301.155 423.17C305.82 447.013 276.321 462.043 259.775 444.255L234.737 417.338C225.31 407.203 209.542 406.376 199.106 415.471L171.393 439.623C153.078 455.584 125.311 437.552 132.443 414.329L143.235 379.187C147.299 365.956 140.13 351.886 127.037 347.396L92.2637 335.472C69.2831 327.591 71.0158 294.529 94.6944 289.093L130.524 280.869C144.014 277.772 152.614 264.529 149.956 250.945L142.896 214.869C138.231 191.026 167.73 175.996 184.277 193.784Z" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.724138" d="M192.272 195.099L214.341 221.467C223.225 232.082 238.928 233.733 249.825 225.197L276.894 203.994C296.019 189.012 322.804 208.473 314.467 231.292L302.666 263.588C297.915 276.589 304.338 291.014 317.178 296.183L349.075 309.024C371.612 318.096 368.151 351.023 344.221 355.212L310.351 361.14C296.716 363.527 287.435 376.301 289.379 390.006L294.207 424.05C297.618 448.104 267.373 461.57 251.78 442.94L229.711 416.572C220.827 405.957 205.123 404.306 194.226 412.842L167.157 434.045C148.032 449.027 121.247 429.566 129.585 406.747L141.386 374.451C146.136 361.45 139.714 347.025 126.873 341.856L94.9761 329.015C72.4393 319.943 75.9001 287.016 99.8306 282.827L133.701 276.899C147.335 274.512 156.616 261.738 154.673 248.033L149.844 213.989C146.433 189.935 176.679 176.469 192.272 195.099Z" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.758621" d="M200.021 196.9L219.252 222.487C227.569 233.552 243.165 236.022 254.493 228.069L280.69 209.677C300.573 195.717 326.303 216.552 316.782 238.904L304.239 268.352C298.814 281.087 304.473 295.828 317.025 301.662L346.052 315.153C368.083 325.393 362.904 358.093 338.787 361.024L307.012 364.885C293.271 366.554 283.334 378.825 284.558 392.613L287.387 424.496C289.535 448.696 258.626 460.561 244.03 441.14L224.799 415.552C216.482 404.487 200.887 402.017 189.558 409.971L163.361 428.363C143.478 442.323 117.748 421.487 127.269 399.136L139.812 369.688C145.237 356.953 139.578 342.212 127.026 336.378L97.9992 322.887C75.9682 312.647 81.1474 279.947 105.264 277.016L137.039 273.155C150.78 271.485 160.717 259.214 159.493 245.427L156.664 213.543C154.516 189.344 185.425 177.479 200.021 196.9Z" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.793103" d="M207.498 199.162L224.038 223.75C231.763 235.235 247.208 238.518 258.938 231.168L284.048 215.433C304.635 202.534 329.239 224.687 318.561 246.509L305.538 273.127C299.454 285.56 304.334 300.577 316.563 307.06L342.745 320.939C364.21 332.318 357.326 364.702 333.089 366.366L303.526 368.396C289.717 369.345 279.151 381.079 279.651 394.912L280.723 424.525C281.601 448.804 250.114 459.034 236.554 438.877L220.014 414.289C212.288 402.804 196.843 399.521 185.114 406.871L160.004 422.605C139.417 435.505 114.813 413.352 125.49 391.529L138.514 364.912C144.597 352.479 139.718 337.461 127.488 330.978L101.307 317.1C79.8417 305.721 86.7253 273.337 110.963 271.672L140.526 269.642C154.335 268.694 164.901 256.96 164.4 243.127L163.329 213.514C162.45 189.235 193.938 179.004 207.498 199.162Z" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.827586" d="M214.674 201.864L228.683 225.246C235.797 237.119 251.049 241.206 263.147 234.48L286.97 221.236C308.203 209.431 331.614 232.842 319.809 254.076L306.565 277.898C299.839 289.996 303.926 305.248 315.8 312.362L339.181 326.371C360.021 338.857 351.452 370.837 327.161 371.231L299.908 371.672C286.068 371.896 274.902 383.062 274.678 396.902L274.237 424.155C273.843 448.446 241.863 457.015 229.377 436.175L215.368 412.794C208.254 400.92 193.002 396.833 180.904 403.559L157.082 416.803C135.848 428.608 112.437 405.197 124.242 383.964L137.486 360.141C144.212 348.043 140.125 332.791 128.252 325.677L104.87 311.668C84.0304 299.182 92.5994 267.202 116.891 266.808L144.144 266.367C157.984 266.143 169.149 254.977 169.373 241.138L169.815 213.884C170.208 189.593 202.188 181.024 214.674 201.864Z" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.862069" d="M221.526 204.98L233.179 226.963C239.662 239.193 254.679 244.072 267.112 237.989L289.461 227.054C311.283 216.376 333.437 240.98 320.537 261.567L307.326 282.65C299.976 294.379 303.259 309.825 314.744 317.55L335.388 331.437C355.546 344.997 345.315 376.485 321.037 375.607L296.173 374.707C282.34 374.207 270.606 384.772 269.657 398.582L267.953 423.404C266.289 447.641 233.904 454.524 222.526 433.06L210.873 411.077C204.39 398.847 189.372 393.968 176.939 400.051L154.59 410.986C132.768 421.663 110.614 397.059 123.514 376.473L136.726 355.389C144.075 343.66 140.792 328.215 129.307 320.489L108.663 306.602C88.5049 293.042 98.7358 261.555 123.014 262.433L147.879 263.332C161.711 263.833 173.446 253.267 174.394 239.458L176.098 214.636C177.763 190.399 210.147 183.515 221.526 204.98Z" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.896552" d="M228.029 208.482L237.514 228.89C243.348 241.442 258.089 247.101 270.824 241.677L291.529 232.857C313.88 223.337 334.715 249.066 320.756 268.95L307.824 287.368C299.871 298.697 302.341 314.292 313.406 322.609L331.396 336.13C350.816 350.726 338.952 381.635 314.752 379.487L292.336 377.498C278.548 376.274 266.277 386.211 264.608 399.952L261.893 422.292C258.963 446.409 226.262 451.588 216.023 429.557L206.537 409.149C200.703 396.597 185.962 390.938 173.227 396.363L152.523 405.182C130.172 414.702 109.336 388.973 123.296 369.089L136.227 350.671C144.181 339.342 141.711 323.747 130.646 315.43L112.656 301.909C93.235 287.313 105.1 256.404 129.299 258.552L151.715 260.542C165.503 261.765 177.774 251.828 179.444 238.087L182.158 215.747C185.089 191.63 217.789 186.451 228.029 208.482Z" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.931035" d="M234.163 212.344L241.679 231.016C246.848 243.856 261.273 250.279 274.274 245.528L293.18 238.62C315.999 230.282 335.459 257.067 320.478 276.193L308.066 292.038C299.531 302.935 301.181 318.639 311.796 327.523L327.231 340.442C345.861 356.034 332.395 386.28 308.341 382.869L288.412 380.042C274.708 378.099 261.933 387.38 259.547 401.014L256.077 420.841C251.888 444.772 218.961 448.233 209.889 425.696L202.372 407.024C197.203 394.183 182.778 387.761 169.777 392.511L150.871 399.42C128.052 407.757 108.592 380.972 123.573 361.847L135.985 346.001C144.521 335.104 142.87 319.401 132.256 310.517L116.82 297.598C98.1899 282.005 111.656 251.76 135.71 255.171L155.639 257.997C169.343 259.941 182.118 250.66 184.504 237.025L187.975 217.198C192.163 193.268 225.09 189.807 234.163 212.344Z" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.965517" d="M239.908 216.535L245.666 233.327C250.156 246.42 264.225 253.589 277.457 249.525L294.427 244.314C317.651 237.182 335.683 264.948 319.721 283.263L308.058 296.647C298.964 307.082 299.79 322.85 309.925 332.278L322.924 344.368C340.712 360.915 325.682 390.414 301.839 385.749L284.418 382.339C270.833 379.681 257.591 388.281 254.494 401.772L250.522 419.074C245.087 442.753 212.024 444.486 204.144 421.505L198.385 404.713C193.895 391.619 179.826 384.451 166.594 388.514L149.624 393.726C126.4 400.858 108.368 373.091 124.33 354.776L135.993 341.393C145.087 330.958 144.261 315.189 134.126 305.762L121.128 293.671C103.339 277.125 118.37 247.626 142.212 252.291L159.634 255.7C173.218 258.358 186.461 249.758 189.557 236.268L193.529 218.965C198.964 195.287 232.027 193.554 239.908 216.535Z" stroke="white" stroke-width="1.5"/>
|
||||
<path d="M245.247 221.025L249.466 235.811C253.265 249.121 266.94 257.016 280.366 253.651L295.281 249.912C318.846 244.005 335.4 272.678 318.502 290.132L307.807 301.18C298.179 311.125 298.179 326.915 307.807 336.86L318.502 347.907C335.4 365.362 318.846 394.034 295.281 388.127L280.366 384.388C266.94 381.023 253.265 388.918 249.466 402.228L245.247 417.014C238.58 440.376 205.472 440.376 198.805 417.014L194.585 402.228C190.786 388.918 177.112 381.023 163.685 384.388L148.77 388.127C125.205 394.034 108.651 365.362 125.549 347.907L136.244 336.86C145.872 326.915 145.872 311.125 136.244 301.18L125.549 290.132C108.651 272.678 125.205 244.005 148.77 249.912L163.685 253.651C177.112 257.016 190.786 249.121 194.585 235.811L198.805 221.025C205.472 197.664 238.58 197.663 245.247 221.025Z" stroke="white" stroke-width="1.5"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_3291_5826">
|
||||
<path d="M0 12C0 5.37258 5.37258 0 12 0H273C279.627 0 285 5.37258 285 12V370C285 376.627 279.627 382 273 382H12C5.37258 382 0 376.627 0 370V12Z" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 24 KiB |
|
|
@ -1,32 +0,0 @@
|
|||
<svg width="285" height="382" viewBox="0 0 285 382" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g>
|
||||
<g clip-path="url(#clip0_3291_5826)">
|
||||
<g style="mix-blend-mode:plus-lighter">
|
||||
<path opacity="0.0526316" d="M114.726 491.499C134.655 488.986 177.122 468.824 187.556 408.28C200.598 332.599 154.096 273.875 154.764 200.06C155.256 145.578 183.973 14.8363 258.732 -27.0603" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.105263" d="M79.5921 485.134C99.675 484.718 144.017 469.106 160.722 409.984C181.604 336.081 141.494 272.818 149.874 199.477C156.059 145.345 198.285 18.3214 277.014 -15.5313" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.157895" d="M45.5091 476.017C65.5254 477.703 111.256 466.811 134.05 409.759C162.542 338.444 129.265 271.335 145.266 199.271C157.075 146.083 212.347 24.1685 294.183 -1.26939" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.210526" d="M12.7576 464.272C32.488 468.041 79.107 461.989 107.739 407.632C143.53 339.686 117.45 269.466 140.895 199.469C158.2 147.807 225.913 32.3379 309.959 15.5936" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.263158" d="M-18.3946 450.053C0.833841 455.863 47.8301 454.717 81.9873 403.651C124.684 339.818 106.087 267.257 136.721 200.095C159.331 150.524 238.742 42.7655 324.079 34.8981" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.315789" d="M-47.6973 433.54C-29.1816 441.328 17.677 445.101 56.985 397.885C106.12 338.865 95.2097 264.757 132.696 201.165C160.363 154.229 250.604 55.3617 336.295 56.4576" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.368421" d="M-74.9217 414.939C-57.3214 424.62 -11.114 433.27 32.9142 390.422C87.9493 336.861 84.8451 262.019 128.773 202.693C161.195 158.907 261.276 70.0136 346.383 80.0606" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.421053" d="M-99.86 394.479C-83.3681 405.947 -38.318 419.38 9.94783 381.368C70.2801 333.853 75.016 259.097 124.905 204.688C161.726 164.53 270.55 86.5854 354.141 105.474" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.473684" d="M-122.331 372.409C-107.128 385.538 -63.7289 403.606 -11.7542 370.848C53.2143 329.9 65.7384 256.048 121.041 207.152C161.858 171.063 278.234 104.921 359.392 132.443" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.526316" d="M-142.18 348.996C-128.432 363.642 -87.1597 386.148 -32.0455 359.002C36.8473 325.07 57.0224 252.931 117.133 210.084C161.499 178.459 284.151 124.844 361.988 160.698" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.578947" d="M-159.281 324.521C-147.14 340.524 -108.445 367.221 -50.7957 345.984C21.2666 319.439 48.8717 249.805 113.132 213.475C160.561 186.661 288.145 146.16 361.808 189.955" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.631579" d="M-173.537 299.278C-163.135 316.462 -127.443 347.057 -67.8896 331.963C6.55267 313.096 41.2853 246.729 108.991 217.315C158.963 195.606 290.081 168.663 358.763 219.917" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.684211" d="M-184.884 273.567C-176.336 291.745 -144.037 325.903 -83.2321 317.117C-7.22548 306.134 34.2541 243.761 104.663 221.586C156.631 205.219 289.848 192.129 352.795 250.282" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.736842" d="M-193.29 247.696C-186.688 266.667 -158.138 304.015 -96.7471 301.632C-20.0088 298.655 27.7633 240.959 100.105 226.265C153.498 215.42 287.354 216.327 343.878 280.741" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.789474" d="M-198.753 221.973C-194.17 241.53 -169.68 281.657 -108.377 285.705C-31.7474 290.765 21.7938 238.379 95.2749 231.328C149.509 226.123 282.537 241.016 332.018 310.986" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.842105" d="M-201.305 196.704C-198.792 216.634 -178.63 259.101 -118.086 269.534C-42.4052 282.577 16.3185 236.074 90.1342 236.742C144.616 237.235 275.358 265.952 317.254 340.711" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.894737" d="M-201.009 172.192C-200.593 192.275 -184.981 236.617 -125.859 253.322C-51.9564 274.203 11.3065 234.094 84.648 242.474C138.779 248.659 265.803 290.885 299.656 369.614" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.947368" d="M-197.961 148.73C-199.647 168.746 -188.755 214.477 -131.703 237.271C-60.3878 265.763 6.72106 232.486 78.7849 248.486C131.973 260.296 253.888 315.568 279.325 397.404" stroke="white" stroke-width="1.5"/>
|
||||
<path d="M-192.285 126.599C-196.054 146.33 -190.002 192.949 -135.645 221.581C-67.6985 257.371 2.52104 231.292 72.5176 254.737C124.18 272.042 239.649 339.754 256.393 423.801" stroke="white" stroke-width="1.5"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_3291_5826">
|
||||
<path d="M0 12C0 5.37258 5.37258 0 12 0H273C279.627 0 285 5.37258 285 12V370C285 376.627 279.627 382 273 382H12C5.37258 382 0 376.627 0 370V12Z" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 4.6 KiB |
|
|
@ -1,42 +0,0 @@
|
|||
<svg width="285" height="382" viewBox="0 0 285 382" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g >
|
||||
<g clip-path="url(#clip0_3291_5826)">
|
||||
<g style="mix-blend-mode:plus-lighter">
|
||||
<path opacity="0.0344828" d="M258.251 600.148C254.481 600.142 250.744 598.49 247.066 595.229C243.384 591.965 239.799 587.118 236.363 580.818C229.492 568.217 223.291 549.94 218.086 527.295C207.679 482.017 201.29 419.441 201.401 350.307C201.511 281.173 208.1 218.618 218.652 173.373C223.93 150.745 230.189 132.488 237.101 119.91C240.557 113.62 244.158 108.785 247.85 105.532C251.538 102.284 255.281 100.643 259.05 100.649C262.82 100.655 266.558 102.308 270.235 105.568C273.917 108.833 277.502 113.679 280.938 119.98C287.809 132.58 294.01 150.857 299.215 173.502C309.623 218.781 316.011 281.356 315.901 350.49C315.79 419.624 309.201 482.18 298.649 527.424C293.371 550.052 287.112 568.309 280.2 580.888C276.744 587.177 273.143 592.012 269.451 595.265C265.763 598.514 262.021 600.154 258.251 600.148Z" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.0689655" d="M234.952 600.446C231.197 600.111 227.618 598.139 224.239 594.571C220.855 590.998 217.706 585.857 214.832 579.281C209.085 566.13 204.501 547.382 201.289 524.369C194.868 478.356 193.957 415.462 200.093 346.601C206.229 277.739 218.245 215.996 232.7 171.844C239.93 149.761 247.756 132.12 255.738 120.191C259.729 114.227 263.737 109.724 267.699 106.806C271.656 103.891 275.528 102.582 279.283 102.917C283.038 103.252 286.617 105.224 289.996 108.792C293.379 112.365 296.528 117.506 299.402 124.082C305.149 137.233 309.734 155.981 312.945 178.994C319.366 225.007 320.277 287.901 314.141 356.762C308.006 425.624 295.99 487.367 281.534 531.519C274.305 553.601 266.478 571.243 258.496 583.172C254.505 589.136 250.497 593.639 246.535 596.557C242.578 599.472 238.707 600.781 234.952 600.446Z" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.103448" d="M211.821 598.851C208.109 598.19 204.715 595.914 201.66 592.064C198.601 588.21 195.912 582.814 193.622 576.013C189.043 562.41 186.11 543.334 184.917 520.13C182.53 473.732 187.105 410.998 199.219 342.933C211.333 274.869 228.684 214.408 246.932 171.683C256.059 150.315 265.394 133.422 274.385 122.235C278.881 116.641 283.266 112.505 287.467 109.943C291.663 107.384 295.634 106.418 299.345 107.079C303.057 107.739 306.45 110.016 309.506 113.865C312.565 117.72 315.254 123.115 317.543 129.916C322.122 143.519 325.055 162.595 326.249 185.8C328.636 232.197 324.061 294.932 311.947 362.996C299.833 431.061 282.482 491.521 264.233 534.246C255.107 555.614 245.772 572.507 236.781 583.694C232.285 589.288 227.9 593.424 223.699 595.986C219.503 598.545 215.532 599.511 211.821 598.851Z" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.137931" d="M189.022 595.384C185.383 594.403 182.2 591.839 179.492 587.738C176.781 583.631 174.572 578.022 172.884 571.047C169.508 557.098 168.249 537.838 169.082 514.618C170.748 468.189 180.773 406.092 198.773 339.342C216.773 272.592 239.328 213.874 261.231 172.902C272.185 152.411 282.957 136.396 292.889 126.035C297.855 120.854 302.584 117.116 306.992 114.93C311.395 112.746 315.435 112.13 319.075 113.112C322.715 114.093 325.897 116.657 328.605 120.758C331.317 124.865 333.525 130.474 335.213 137.449C338.589 151.398 339.849 170.658 339.015 193.878C337.349 240.307 327.324 302.404 309.324 369.154C291.324 435.904 268.769 494.622 246.866 535.594C235.912 556.085 225.141 572.1 215.209 582.461C210.243 587.642 205.513 591.38 201.105 593.566C196.702 595.75 192.662 596.366 189.022 595.384Z" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.172414" d="M166.72 590.082C163.179 588.787 160.232 585.956 157.892 581.634C155.549 577.307 153.837 571.527 152.764 564.431C150.616 550.24 151.04 530.945 153.894 507.885C159.601 461.778 174.999 400.791 198.749 335.864C222.498 270.937 250.085 214.408 275.475 175.501C288.173 156.043 300.3 141.028 311.097 131.572C316.496 126.843 321.533 123.532 326.115 121.738C330.691 119.946 334.769 119.685 338.31 120.98C341.85 122.275 344.797 125.106 347.137 129.428C349.481 133.755 351.192 139.535 352.266 146.631C354.413 160.822 353.989 180.117 351.135 203.177C345.429 249.284 330.03 310.271 306.281 375.198C282.531 440.125 254.945 496.654 229.554 535.56C216.856 555.019 204.73 570.034 193.933 579.49C188.534 584.218 183.497 587.53 178.914 589.324C174.338 591.115 170.26 591.377 166.72 590.082Z" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.206897" d="M145.069 582.995C141.655 581.396 138.967 578.319 137.012 573.81C135.054 569.295 133.853 563.388 133.402 556.225C132.5 541.901 134.604 522.716 139.457 499.993C149.16 454.559 169.816 395.146 199.133 332.536C228.451 269.926 260.859 216.017 289.544 179.471C303.89 161.193 317.279 147.292 328.859 138.813C334.649 134.573 339.956 131.713 344.677 130.325C349.392 128.939 353.478 129.034 356.892 130.633C360.306 132.232 362.994 135.309 364.949 139.818C366.907 144.333 368.108 150.24 368.559 157.403C369.461 171.727 367.357 190.912 362.504 213.635C352.801 259.069 332.145 318.482 302.828 381.092C273.51 443.702 241.102 497.611 212.417 534.157C198.071 552.435 184.682 566.336 173.102 574.815C167.311 579.055 162.005 581.915 157.284 583.303C152.569 584.689 148.483 584.594 145.069 582.995Z" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.241379" d="M124.225 574.187C120.963 572.297 118.553 568.997 116.998 564.335C115.442 559.667 114.76 553.677 114.935 546.503C115.284 532.155 119.053 513.226 125.868 491.012C139.494 446.596 165.249 389.21 199.912 329.393C234.575 269.577 271.558 218.697 303.319 184.79C319.204 167.832 333.753 155.151 346.028 147.714C352.166 143.995 357.701 141.608 362.526 140.637C367.344 139.668 371.405 140.118 374.667 142.008C377.929 143.898 380.339 147.198 381.893 151.86C383.45 156.529 384.131 162.518 383.957 169.693C383.607 184.041 379.839 202.97 373.024 225.183C359.398 269.599 333.643 326.986 298.98 386.802C264.317 446.619 227.333 497.498 195.573 531.405C179.688 548.363 165.139 561.044 152.864 568.482C146.726 572.201 141.19 574.588 136.366 575.558C131.548 576.528 127.486 576.078 124.225 574.187Z" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.275862" d="M104.335 563.734C101.25 561.566 99.1365 558.069 97.9944 553.289C96.8507 548.503 96.6939 542.477 97.4932 535.345C99.0917 521.082 104.495 502.553 113.22 481.018C130.666 437.959 161.325 383.035 201.069 326.468C240.813 269.9 282.091 222.437 316.686 191.427C333.988 175.918 349.587 164.553 362.464 158.214C368.902 155.044 374.625 153.149 379.515 152.602C384.399 152.056 388.406 152.859 391.491 155.026C394.575 157.194 396.689 160.691 397.831 165.471C398.975 170.257 399.132 176.283 398.332 183.415C396.734 197.678 391.33 216.207 382.605 237.742C365.16 280.801 334.501 335.724 294.757 392.292C255.012 448.86 213.735 496.323 179.14 527.333C161.838 542.842 146.238 554.207 133.362 560.546C126.923 563.716 121.201 565.611 116.31 566.158C111.426 566.704 107.419 565.901 104.335 563.734Z" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.310345" d="M85.5363 551.725C82.6523 549.298 80.8517 545.629 80.1305 540.768C79.4083 535.9 79.7773 529.883 81.1951 522.848C84.0307 508.779 91.0287 490.792 101.597 470.099C122.729 428.724 158.058 376.682 202.582 323.793C247.105 270.905 292.362 227.22 329.528 199.343C348.116 185.402 364.646 175.439 378.026 170.247C384.717 167.65 390.583 166.261 395.502 166.142C400.415 166.024 404.337 167.173 407.221 169.601C410.105 172.029 411.906 175.697 412.627 180.558C413.349 185.426 412.98 191.443 411.562 198.478C408.727 212.547 401.729 230.534 391.16 251.227C370.028 292.602 334.699 344.644 290.176 397.533C245.652 450.421 200.395 494.106 163.229 521.983C144.641 535.925 128.111 545.887 114.731 551.08C108.04 553.676 102.175 555.066 97.2551 555.184C92.3419 555.302 88.4203 554.153 85.5363 551.725Z" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.344828" d="M67.962 538.263C65.3006 535.593 63.8265 531.782 63.5318 526.876C63.2366 521.964 64.1285 516.002 66.1542 509.117C70.2052 495.349 78.7442 478.04 91.0762 458.347C115.734 418.972 155.464 370.206 204.427 321.4C253.391 272.593 302.283 233.019 341.737 208.487C361.47 196.218 378.805 187.735 392.587 183.728C399.478 181.724 405.443 180.852 410.354 181.162C415.259 181.473 419.065 182.959 421.727 185.629C424.388 188.299 425.862 192.11 426.157 197.016C426.452 201.928 425.56 207.89 423.535 214.775C419.484 228.544 410.945 245.852 398.613 265.545C373.955 304.921 334.225 353.686 285.261 402.493C236.298 451.3 187.406 490.874 147.952 515.405C128.219 527.674 110.883 536.157 97.1017 540.164C90.2105 542.168 84.2459 543.041 79.3348 542.73C74.4299 542.419 70.6234 540.933 67.962 538.263Z" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.37931" d="M51.7334 523.459C49.3148 520.568 48.1785 516.642 48.3124 511.73C48.4465 506.81 49.8547 500.949 52.4726 494.267C57.7083 480.904 67.7233 464.405 81.7248 445.862C109.72 408.785 153.55 363.668 206.58 319.315C259.611 274.961 311.767 239.799 353.209 218.8C373.935 208.297 391.944 201.357 406.023 198.566C413.063 197.171 419.081 196.821 423.946 197.559C428.805 198.296 432.468 200.108 434.886 203C437.305 205.892 438.441 209.817 438.307 214.73C438.173 219.649 436.765 225.51 434.147 232.192C428.911 245.556 418.896 262.054 404.895 280.597C376.899 317.674 333.07 362.791 280.039 407.145C227.008 451.498 174.853 486.66 133.411 507.66C112.684 518.162 94.6751 525.102 80.5965 527.893C73.5568 529.288 67.5389 529.638 62.6736 528.9C57.8145 528.163 54.152 526.351 51.7334 523.459Z" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.413793" d="M36.9629 507.436C34.8056 504.345 34.0157 500.335 34.5773 495.453C35.1396 490.564 37.0532 484.848 40.2436 478.419C46.6241 465.563 58.0389 450 73.6032 432.748C104.724 398.252 152.318 357.127 209.013 317.564C265.708 278.001 320.729 247.518 363.844 230.211C385.407 221.555 403.952 216.211 418.221 214.658C425.355 213.881 431.381 214.058 436.163 215.216C440.94 216.374 444.43 218.499 446.588 221.59C448.745 224.682 449.535 228.691 448.973 233.573C448.411 238.462 446.497 244.178 443.307 250.607C436.926 263.463 425.512 279.026 409.947 296.278C378.827 330.774 331.232 371.899 274.537 411.462C217.843 451.025 162.821 481.508 119.707 498.815C98.1435 507.471 79.598 512.816 65.3298 514.368C58.1953 515.145 52.1698 514.969 47.3873 513.81C42.6109 512.652 39.1203 510.528 36.9629 507.436Z" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.448276" d="M23.7514 490.325C21.8717 487.057 21.4343 482.994 22.4193 478.179C23.4055 473.358 25.8101 467.83 29.5486 461.704C37.0252 449.453 49.753 434.945 66.7618 419.114C100.77 387.462 151.768 350.642 211.695 316.171C271.622 281.699 329.091 256.128 373.55 242.644C395.786 235.901 414.726 232.193 429.076 231.89C436.251 231.738 442.238 232.438 446.901 234.01C451.559 235.579 454.851 238 456.73 241.268C458.61 244.536 459.048 248.598 458.063 253.413C457.076 258.235 454.672 263.762 450.933 269.888C443.457 282.139 430.729 296.648 413.72 312.478C379.712 344.13 328.714 380.951 268.786 415.422C208.859 449.893 151.391 475.465 106.932 488.948C84.6961 495.692 65.7554 499.4 51.4061 499.703C44.2311 499.855 38.2439 499.154 33.5806 497.583C28.9232 496.014 25.6311 493.593 23.7514 490.325Z" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.482759" d="M12.1884 472.265C10.6007 468.846 10.519 464.761 11.9199 460.05C13.3226 455.333 16.1998 450.036 20.458 444.259C28.974 432.706 42.9179 419.362 61.2415 405.074C97.8792 376.507 151.892 344.271 214.596 315.154C277.299 286.037 336.778 265.572 382.243 256.014C404.982 251.234 424.173 249.191 438.494 250.14C445.655 250.614 451.559 251.834 456.067 253.806C460.57 255.775 463.639 258.473 465.227 261.893C466.814 265.312 466.896 269.397 465.495 274.108C464.092 278.825 461.215 284.122 456.957 289.899C448.441 301.452 434.497 314.796 416.173 329.084C379.536 357.651 325.523 389.887 262.819 419.004C200.116 448.121 140.637 468.586 95.172 478.144C72.4335 482.924 53.2416 484.967 38.9205 484.018C31.7596 483.544 25.8563 482.324 21.3476 480.352C16.8448 478.383 13.7762 475.685 12.1884 472.265Z" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.517241" d="M2.34834 453.406C1.06464 449.861 1.33938 445.784 3.14551 441.213C4.95397 436.637 8.28187 431.611 13.0273 426.227C22.5178 415.46 37.5717 403.382 57.0709 390.746C96.0589 365.48 152.676 338.075 217.679 314.534C282.681 290.992 343.717 275.789 389.842 270.23C412.911 267.45 432.208 267.088 446.392 269.281C453.484 270.377 459.259 272.107 463.578 274.464C467.892 276.818 470.714 279.774 471.998 283.319C473.281 286.863 473.007 290.94 471.201 295.511C469.392 300.088 466.064 305.114 461.319 310.498C451.828 321.264 436.774 333.342 417.275 345.979C378.287 371.244 321.67 398.65 256.668 422.191C191.665 445.732 130.629 460.936 84.5038 466.494C61.4352 469.275 42.1383 469.637 27.9544 467.444C20.8621 466.347 15.0875 464.618 10.7678 462.26C6.45376 459.906 3.63204 456.951 2.34834 453.406Z" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.551724" d="M-5.7039 433.899C-6.67378 430.256 -6.04475 426.218 -3.84712 421.822C-1.64667 417.421 2.10663 412.704 7.30326 407.754C17.696 397.855 33.7452 387.135 54.2716 376.247C95.3133 354.475 154.103 332.109 220.91 314.322C287.717 296.536 349.846 286.71 396.28 285.192C419.503 284.433 438.758 285.754 452.697 289.175C459.667 290.886 465.269 293.112 469.367 295.837C473.459 298.558 476.013 301.748 476.982 305.391C477.952 309.034 477.323 313.072 475.126 317.468C472.925 321.87 469.172 326.587 463.975 331.536C453.583 341.435 437.533 352.155 417.007 363.044C375.965 384.815 317.175 407.182 250.368 424.968C183.561 442.754 121.432 452.58 74.9982 454.098C51.775 454.857 32.5201 453.536 18.5812 450.115C11.6114 448.405 6.00958 446.178 1.91184 443.454C-2.18064 440.732 -4.73402 437.542 -5.7039 433.899Z" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.586207" d="M-11.9199 413.903C-12.5686 410.19 -11.59 406.222 -9.01763 402.034C-6.44192 397.841 -2.2918 393.469 3.31645 388.992C14.5324 380.036 31.4549 370.756 52.8521 361.698C95.6351 343.586 156.151 326.428 224.254 314.532C292.357 302.636 355.106 298.263 401.495 300.798C424.696 302.066 443.763 305.06 457.35 309.682C464.145 311.994 469.531 314.7 473.376 317.772C477.216 320.839 479.481 324.24 480.13 327.954C480.778 331.667 479.8 335.635 477.228 339.822C474.652 344.015 470.502 348.387 464.893 352.865C453.678 361.82 436.755 371.101 415.358 380.159C372.575 398.271 312.059 415.429 243.956 427.325C175.853 439.221 113.104 443.594 66.7147 441.059C43.5137 439.791 24.4471 436.797 10.8595 432.174C4.0653 429.863 -1.3212 427.157 -5.16586 424.085C-9.00559 421.018 -11.2712 417.617 -11.9199 413.903Z" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.62069" d="M-16.263 393.58C-16.5856 389.824 -15.265 385.957 -12.3374 382.009C-9.40603 378.057 -4.89065 374.063 1.08652 370.091C13.0403 362.148 30.7072 354.377 52.8125 347.218C97.0112 332.905 158.792 321.086 227.673 315.171C296.553 309.256 359.445 310.368 405.437 316.937C428.439 320.222 447.172 324.866 460.305 330.656C466.872 333.55 472.002 336.716 475.564 340.111C479.122 343.501 481.083 347.086 481.405 350.843C481.728 354.599 480.407 358.466 477.48 362.413C474.548 366.366 470.033 370.359 464.056 374.331C452.102 382.275 434.435 390.045 412.33 397.204C368.131 411.518 306.35 423.336 237.469 429.251C168.589 435.167 105.698 434.055 59.7055 427.486C36.7034 424.201 17.9703 419.556 4.83722 413.767C-1.72965 410.872 -6.8598 407.707 -10.4221 404.312C-13.9799 400.921 -15.9405 397.336 -16.263 393.58Z" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.655172" d="M-18.7133 373.095C-18.7073 369.325 -17.0546 365.588 -13.7941 361.91C-10.5295 358.228 -5.6832 354.643 0.617414 351.207C13.218 344.336 31.4949 338.135 54.14 332.93C99.4181 322.523 161.994 316.134 231.128 316.245C300.262 316.356 362.817 322.944 408.062 333.497C430.69 338.774 448.947 345.034 461.525 351.945C467.815 355.402 472.65 359.002 475.903 362.694C479.151 366.382 480.792 370.125 480.786 373.895C480.78 377.664 479.127 381.402 475.867 385.079C472.602 388.761 467.756 392.346 461.455 395.782C448.855 402.654 430.578 408.855 407.933 414.06C362.655 424.467 300.079 430.855 230.945 430.745C161.811 430.634 99.2556 424.045 54.011 413.493C31.3827 408.215 13.1257 401.956 0.54723 395.044C-5.74235 391.588 -10.5771 387.988 -13.83 384.295C-17.0787 380.607 -18.7193 376.865 -18.7133 373.095Z" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.689655" d="M-19.2621 352.612C-18.9275 348.857 -16.9555 345.278 -13.3869 341.899C-9.8137 338.516 -4.67344 335.367 1.90266 332.493C15.0542 326.746 33.802 322.161 56.8146 318.95C102.827 312.529 165.722 311.618 234.583 317.754C303.445 323.889 365.187 335.905 409.34 350.361C431.422 357.59 449.064 365.417 460.993 373.399C466.957 377.39 471.46 381.398 474.378 385.36C477.293 389.317 478.601 393.188 478.267 396.943C477.932 400.698 475.96 404.277 472.392 407.657C468.818 411.04 463.678 414.189 457.102 417.063C443.951 422.81 425.203 427.394 402.19 430.606C356.177 437.027 293.283 437.938 224.421 431.802C155.56 425.666 93.8173 413.65 49.6646 399.195C27.5824 391.965 9.94038 384.139 -1.98787 376.157C-7.95229 372.166 -12.4549 368.158 -15.3735 364.196C-18.2885 360.239 -19.5967 356.367 -19.2621 352.612Z" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.724138" d="M-17.9178 332.299C-17.2572 328.587 -14.9807 325.194 -11.1312 322.138C-7.27671 319.079 -1.88157 316.39 4.91997 314.1C18.5224 309.521 37.5984 306.588 60.8033 305.395C107.201 303.008 169.935 307.583 238 319.697C306.064 331.811 366.525 349.162 409.25 367.411C430.618 376.537 447.511 385.872 458.698 394.863C464.292 399.359 468.428 403.744 470.99 407.945C473.549 412.141 474.515 416.112 473.854 419.823C473.194 423.535 470.917 426.928 467.068 429.984C463.213 433.043 457.818 435.732 451.016 438.021C437.414 442.601 418.338 445.534 395.133 446.727C348.736 449.114 286.001 444.539 217.937 432.425C149.872 420.311 89.4115 402.96 46.6867 384.711C25.3186 375.585 8.4259 366.25 -2.76129 357.259C-8.35517 352.763 -12.4913 348.378 -15.0535 344.177C-17.6125 339.981 -18.5784 336.01 -17.9178 332.299Z" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.758621" d="M-14.7024 312.318C-13.7208 308.678 -11.1572 305.496 -7.05606 302.788C-2.94962 300.076 2.65934 297.868 9.63456 296.18C23.5843 292.803 42.8434 291.544 66.064 292.378C112.493 294.044 174.59 304.069 241.34 322.069C308.089 340.069 366.808 362.624 407.779 384.527C428.271 395.481 444.286 406.252 454.647 416.184C459.827 421.15 463.566 425.879 465.752 430.288C467.935 434.691 468.552 438.731 467.57 442.37C466.588 446.01 464.025 449.192 459.924 451.901C455.817 454.612 450.208 456.821 443.233 458.509C429.283 461.885 410.024 463.144 386.804 462.311C340.375 460.645 278.278 450.62 211.528 432.62C144.778 414.62 86.06 392.065 45.0882 370.162C24.5968 359.208 8.58201 348.436 -1.77898 338.504C-6.95974 333.538 -10.6979 328.809 -12.8843 324.4C-15.0678 319.998 -15.6839 315.958 -14.7024 312.318Z" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.793103" d="M-9.65132 292.832C-8.35628 289.292 -5.5251 286.345 -1.2035 284.005C3.12365 281.661 8.90375 279.95 15.9996 278.876C30.1904 276.729 49.486 277.153 72.5456 280.007C118.653 285.713 179.64 301.112 244.567 324.861C309.493 348.611 366.022 376.197 404.929 401.588C424.388 414.286 439.403 426.412 448.859 437.209C453.587 442.608 456.899 447.645 458.693 452.227C460.484 456.804 460.746 460.882 459.451 464.422C458.156 467.963 455.325 470.91 451.003 473.25C446.676 475.593 440.896 477.305 433.8 478.378C419.609 480.526 400.314 480.102 377.254 477.248C331.147 471.541 270.16 456.142 205.233 432.393C140.306 408.644 83.7772 381.057 44.8703 355.667C25.4116 342.968 10.3965 330.842 0.940599 320.045C-3.78761 314.646 -7.09939 309.609 -8.89319 305.027C-10.6847 300.451 -10.9464 296.373 -9.65132 292.832Z" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.827586" d="M-2.81553 273.999C-1.21685 270.585 1.86037 267.897 6.36951 265.942C10.8844 263.984 16.7917 262.784 23.9541 262.332C38.2781 261.43 57.4633 263.534 80.1864 268.387C125.621 278.09 185.034 298.746 247.643 328.063C310.253 357.381 364.163 389.789 400.709 418.474C418.987 432.82 432.888 446.209 441.367 457.789C445.606 463.58 448.467 468.886 449.854 473.607C451.24 478.322 451.145 482.408 449.547 485.822C447.948 489.236 444.871 491.925 440.362 493.879C435.847 495.837 429.939 497.038 422.777 497.489C408.453 498.392 389.268 496.287 366.545 491.434C321.11 481.731 261.698 461.076 199.088 431.758C136.478 402.44 82.5681 370.032 46.0222 341.347C27.7443 327.001 13.8432 313.612 5.36431 302.032C1.12463 296.242 -1.73556 290.935 -3.12315 286.214C-4.50895 281.499 -4.41421 277.414 -2.81553 273.999Z" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.862069" d="M5.742 255.972C7.63215 252.711 10.932 250.3 15.5944 248.746C20.2627 247.189 26.2521 246.508 33.4266 246.683C47.7748 247.032 66.7036 250.8 88.9173 257.615C133.333 271.241 190.719 296.997 250.536 331.659C310.352 366.322 361.232 403.306 395.139 435.067C412.097 450.951 424.778 465.501 432.216 477.776C435.935 483.914 438.321 489.449 439.292 494.273C440.262 499.091 439.811 503.153 437.921 506.415C436.031 509.676 432.731 512.087 428.069 513.641C423.401 515.198 417.411 515.879 410.237 515.704C395.888 515.355 376.96 511.587 354.746 504.772C310.33 491.146 252.944 465.39 193.127 430.728C133.311 396.065 82.431 359.081 48.5241 327.32C31.5662 311.436 18.8849 296.886 11.4475 284.611C7.72864 278.473 5.34181 272.938 4.37099 268.114C3.40142 263.296 3.85184 259.234 5.742 255.972Z" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.896552" d="M15.9439 238.899C18.1111 235.814 21.6085 233.7 26.3886 232.558C31.1748 231.415 37.2009 231.258 44.3328 232.057C58.596 233.656 77.1243 239.059 98.6595 247.784C141.718 265.23 196.642 295.888 253.21 335.633C309.778 375.377 357.24 416.655 388.25 451.25C403.759 468.552 415.124 484.151 421.463 497.028C424.633 503.466 426.528 509.189 427.075 514.079C427.621 518.963 426.818 522.97 424.651 526.055C422.484 529.139 418.987 531.253 414.206 532.395C409.42 533.539 403.394 533.695 396.262 532.896C381.999 531.298 363.471 525.894 341.936 517.169C298.877 499.724 243.953 469.065 187.385 429.32C130.817 389.576 83.3546 348.299 52.3449 313.704C36.8359 296.402 25.4709 280.802 19.1317 267.926C15.9619 261.487 14.0666 255.765 13.5199 250.874C12.974 245.99 13.7766 241.983 15.9439 238.899Z" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.931035" d="M27.7009 222.918C30.1287 220.034 33.797 218.233 38.6584 217.512C43.5261 216.79 49.5429 217.159 56.578 218.576C70.6476 221.412 88.6345 228.41 109.327 238.979C150.702 260.111 202.744 295.44 255.633 339.963C308.522 384.486 352.206 429.743 380.083 466.909C394.025 485.497 403.987 502.028 409.18 515.408C411.776 522.098 413.166 527.964 413.284 532.883C413.402 537.797 412.253 541.718 409.826 544.602C407.398 547.486 403.729 549.287 398.868 550.008C394 550.73 387.984 550.361 380.948 548.943C366.879 546.108 348.892 539.11 328.199 528.541C286.824 507.409 234.782 472.08 181.893 427.557C129.005 383.034 85.3202 337.777 57.4436 300.611C43.5016 282.023 33.5395 265.492 28.3466 252.112C25.7501 245.422 24.3607 239.556 24.2424 234.636C24.1242 229.723 25.273 225.802 27.7009 222.918Z" stroke="white" stroke-width="1.5"/>
|
||||
<path opacity="0.965517" d="M40.9125 208.16C43.5825 205.499 47.3937 204.025 52.2995 203.73C57.2116 203.435 63.1733 204.327 70.0581 206.352C83.827 210.403 101.136 218.942 120.829 231.274C160.204 255.932 208.969 295.662 257.776 344.626C306.583 393.589 346.157 442.481 370.688 481.935C382.957 501.668 391.441 519.004 395.448 532.785C397.451 539.677 398.324 545.641 398.013 550.552C397.703 555.457 396.216 559.264 393.546 561.925C390.876 564.586 387.065 566.061 382.159 566.355C377.247 566.65 371.286 565.759 364.401 563.733C350.632 559.682 333.323 551.143 313.63 538.811C274.255 514.153 225.49 474.423 176.683 425.46C127.876 376.496 88.3019 327.604 63.7707 288.15C51.5018 268.417 43.0183 251.082 39.0113 237.3C37.0078 230.409 36.1349 224.444 36.4458 219.533C36.7563 214.628 38.2426 210.822 40.9125 208.16Z" stroke="white" stroke-width="1.5"/>
|
||||
<path d="M55.4654 194.75C58.3571 192.331 62.2823 191.195 67.1952 191.329C72.1143 191.463 77.9756 192.871 84.6577 195.489C98.0211 200.724 114.519 210.739 133.063 224.741C170.139 252.736 215.256 296.566 259.61 349.597C303.964 402.627 339.126 454.783 360.125 496.225C370.628 516.951 377.568 534.961 380.358 549.039C381.754 556.079 382.103 562.097 381.366 566.962C380.629 571.821 378.817 575.484 375.925 577.902C373.033 580.321 369.108 581.457 364.195 581.323C359.276 581.189 353.415 579.781 346.732 577.163C333.369 571.927 316.871 561.912 298.327 547.911C261.251 519.916 216.134 476.086 171.78 423.055C127.426 370.024 92.2642 317.869 71.265 276.427C60.7626 255.7 53.8223 237.691 51.0317 223.613C49.6364 216.573 49.2868 210.555 50.0245 205.69C50.7612 200.831 52.5736 197.168 55.4654 194.75Z" stroke="white" stroke-width="1.5"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_3291_5826">
|
||||
<path d="M0 12C0 5.37258 5.37258 0 12 0H273C279.627 0 285 5.37258 285 12V370C285 376.627 279.627 382 273 382H12C5.37258 382 0 376.627 0 370V12Z" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 24 KiB |
BIN
src/frontend/src/assets/temp-pat-1.png
Normal file
BIN
src/frontend/src/assets/temp-pat-1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 MiB |
BIN
src/frontend/src/assets/temp-pat-2.png
Normal file
BIN
src/frontend/src/assets/temp-pat-2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 MiB |
BIN
src/frontend/src/assets/temp-pat-3.png
Normal file
BIN
src/frontend/src/assets/temp-pat-3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 MiB |
BIN
src/frontend/src/assets/temp-pat-m-1.png
Normal file
BIN
src/frontend/src/assets/temp-pat-m-1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 MiB |
BIN
src/frontend/src/assets/temp-pat-m-2.png
Normal file
BIN
src/frontend/src/assets/temp-pat-m-2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 866 KiB |
BIN
src/frontend/src/assets/temp-pat-m-3.png
Normal file
BIN
src/frontend/src/assets/temp-pat-m-3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 MiB |
|
|
@ -27,6 +27,7 @@ import { track } from "@/customization/utils/analytics";
|
|||
import { createFileUpload } from "@/helpers/create-file-upload";
|
||||
import { getObjectsFromFilelist } from "@/helpers/get-objects-from-filelist";
|
||||
import useUploadFlow from "@/hooks/flows/use-upload-flow";
|
||||
import { useIsMobile } from "@/hooks/use-mobile";
|
||||
import { useIsFetching, useIsMutating } from "@tanstack/react-query";
|
||||
import { useEffect, useRef, useState } from "react";
|
||||
import { useLocation, useParams } from "react-router-dom";
|
||||
|
|
@ -401,8 +402,13 @@ const SideBarFoldersButtonsComponent = ({
|
|||
}
|
||||
};
|
||||
|
||||
const isMobile = useIsMobile({ maxWidth: 1024 });
|
||||
|
||||
return (
|
||||
<Sidebar collapsible="offcanvas" data-testid="folder-sidebar">
|
||||
<Sidebar
|
||||
collapsible={isMobile ? "offcanvas" : "none"}
|
||||
data-testid="folder-sidebar"
|
||||
>
|
||||
<SidebarHeader className="p-4">
|
||||
<HeaderButtons />
|
||||
</SidebarHeader>
|
||||
|
|
|
|||
|
|
@ -164,7 +164,14 @@ const Sidebar = React.forwardRef<
|
|||
},
|
||||
ref,
|
||||
) => {
|
||||
const { state } = useSidebar();
|
||||
const { state, setOpen } = useSidebar();
|
||||
|
||||
React.useEffect(() => {
|
||||
if (collapsible === "none") {
|
||||
console.log("collapsible === none");
|
||||
setOpen(true);
|
||||
}
|
||||
}, [collapsible]);
|
||||
|
||||
if (collapsible === "none") {
|
||||
return (
|
||||
|
|
@ -213,7 +220,7 @@ const Sidebar = React.forwardRef<
|
|||
/>
|
||||
<div
|
||||
className={cn(
|
||||
"z-45 absolute inset-y-0 flex h-full transition-[left,right,width] duration-200 ease-linear",
|
||||
"absolute inset-y-0 z-50 flex h-full transition-[left,right,width] duration-200 ease-linear",
|
||||
// Adjust width based on state and device
|
||||
"w-[--sidebar-width]",
|
||||
"max-sm:group-data-[state=collapsed]:w-[--sidebar-width-icon]",
|
||||
|
|
@ -260,7 +267,7 @@ const SidebarTrigger = React.forwardRef<
|
|||
data-sidebar="trigger"
|
||||
variant="ghost"
|
||||
size="icon"
|
||||
className={cn("h-8 w-8", className)}
|
||||
className={cn("h-7 w-7 text-muted-foreground", className)}
|
||||
onClick={(event) => {
|
||||
onClick?.(event);
|
||||
toggleSidebar();
|
||||
|
|
|
|||
|
|
@ -2,20 +2,31 @@ import * as React from "react";
|
|||
|
||||
const MOBILE_BREAKPOINT = 768;
|
||||
|
||||
export function useIsMobile() {
|
||||
export function useIsMobile({ maxWidth }: { maxWidth?: number } = {}) {
|
||||
const breakpoint = maxWidth || MOBILE_BREAKPOINT;
|
||||
const [isMobile, setIsMobile] = React.useState<boolean | undefined>(
|
||||
undefined,
|
||||
);
|
||||
|
||||
React.useEffect(() => {
|
||||
const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
|
||||
const onChange = () => {
|
||||
setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
|
||||
const mql = window.matchMedia(`(max-width: ${breakpoint - 1}px)`);
|
||||
|
||||
const handleResize = () => {
|
||||
setIsMobile(window.innerWidth < breakpoint);
|
||||
};
|
||||
mql.addEventListener("change", onChange);
|
||||
setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
|
||||
return () => mql.removeEventListener("change", onChange);
|
||||
}, []);
|
||||
|
||||
// Initial check
|
||||
handleResize();
|
||||
|
||||
// Add both matchMedia and resize listeners
|
||||
mql.addEventListener("change", handleResize);
|
||||
window.addEventListener("resize", handleResize);
|
||||
|
||||
return () => {
|
||||
mql.removeEventListener("change", handleResize);
|
||||
window.addEventListener("resize", handleResize);
|
||||
};
|
||||
}, [breakpoint]);
|
||||
|
||||
return !!isMobile;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -41,7 +41,7 @@ export const switchCaseModalSize = (size: string) => {
|
|||
case "templates":
|
||||
minWidth = "w-[97vw] max-w-[1200px]";
|
||||
height =
|
||||
"min-h-[700px] lg:min-h-0 h-[90vh] md:h-[80vh] lg:h-[50vw] lg:max-h-[640px]";
|
||||
"min-h-[700px] lg:min-h-0 h-[90vh] md:h-[80vh] lg:h-[50vw] lg:max-h-[620px]";
|
||||
break;
|
||||
case "three-cards":
|
||||
minWidth = "min-w-[1066px]";
|
||||
|
|
|
|||
|
|
@ -1,9 +1,13 @@
|
|||
import BaseModal from "@/modals/baseModal";
|
||||
import useFlowsManagerStore from "@/stores/flowsManagerStore";
|
||||
import { CardData } from "@/types/templates/types";
|
||||
import memoryChatbotSpiral from "../../../../assets/artwork-spiral-1-def.svg";
|
||||
import vectorRagSpiral from "../../../../assets/artwork-spiral-2-def.svg";
|
||||
import multiAgentSpiral from "../../../../assets/artwork-spiral-3-def.svg";
|
||||
import memoryChatbot from "../../../../assets/temp-pat-1.png";
|
||||
import vectorRag from "../../../../assets/temp-pat-2.png";
|
||||
import multiAgent from "../../../../assets/temp-pat-3.png";
|
||||
import memoryChatbotHorizontal from "../../../../assets/temp-pat-m-1.png";
|
||||
import vectorRagHorizontal from "../../../../assets/temp-pat-m-2.png";
|
||||
import multiAgentHorizontal from "../../../../assets/temp-pat-m-3.png";
|
||||
|
||||
import TemplateGetStartedCardComponent from "../TemplateGetStartedCardComponent";
|
||||
|
||||
export default function GetStartedComponent() {
|
||||
|
|
@ -12,22 +16,22 @@ export default function GetStartedComponent() {
|
|||
// Define the card data
|
||||
const cardData: CardData[] = [
|
||||
{
|
||||
bg: "radial-gradient(ellipse at top left, #A3E8EF, #ADF6FD, #9676fd)",
|
||||
spiralImage: memoryChatbotSpiral,
|
||||
bgImage: memoryChatbot,
|
||||
bgHorizontalImage: memoryChatbotHorizontal,
|
||||
icon: "MessagesSquare",
|
||||
category: "Prompting",
|
||||
flow: examples.find((example) => example.name === "Memory Chatbot"),
|
||||
},
|
||||
{
|
||||
bg: "radial-gradient(ellipse at top right, #f599fe, #de8afa, #9a5af7)",
|
||||
spiralImage: vectorRagSpiral,
|
||||
bgImage: vectorRag,
|
||||
bgHorizontalImage: vectorRagHorizontal,
|
||||
icon: "Database",
|
||||
category: "RAG",
|
||||
flow: examples.find((example) => example.name === "Vector Store RAG"),
|
||||
},
|
||||
{
|
||||
bg: "radial-gradient(ellipse at top left, #ed93f5, #e0bae9, #a5f0af)",
|
||||
spiralImage: multiAgentSpiral,
|
||||
bgImage: multiAgent,
|
||||
bgHorizontalImage: multiAgentHorizontal,
|
||||
icon: "Bot",
|
||||
category: "Agents",
|
||||
flow: examples.find((example) => example.name === "Dynamic Agent"),
|
||||
|
|
|
|||
|
|
@ -4,14 +4,12 @@ import { track } from "@/customization/utils/analytics";
|
|||
import useAddFlow from "@/hooks/flows/use-add-flow";
|
||||
import { useFolderStore } from "@/stores/foldersStore";
|
||||
import { updateIds } from "@/utils/reactflowUtils";
|
||||
import { BG_NOISE } from "@/utils/styleUtils";
|
||||
import { cn } from "@/utils/utils";
|
||||
import { useParams } from "react-router-dom";
|
||||
import { CardData } from "../../../../types/templates/types";
|
||||
|
||||
export default function TemplateGetStartedCardComponent({
|
||||
bg,
|
||||
spiralImage,
|
||||
bgImage,
|
||||
bgHorizontalImage,
|
||||
icon,
|
||||
category,
|
||||
flow,
|
||||
|
|
@ -49,23 +47,20 @@ export default function TemplateGetStartedCardComponent({
|
|||
onKeyDown={handleKeyDown}
|
||||
onClick={handleClick}
|
||||
>
|
||||
<div
|
||||
className={cn(
|
||||
"absolute inset-2 h-[calc(100%-16px)] w-[calc(100%-16px)] rounded-2xl object-cover brightness-90 saturate-[140%]",
|
||||
)}
|
||||
style={{
|
||||
backgroundImage: BG_NOISE + "," + bg,
|
||||
}}
|
||||
/>
|
||||
<div className="absolute inset-2 h-[calc(100%-16px)] w-[calc(100%-16px)] overflow-hidden rounded-2xl">
|
||||
<img
|
||||
src={spiralImage}
|
||||
src={bgImage}
|
||||
alt={`${flow.name} Spiral`}
|
||||
className="h-full w-full object-cover opacity-25 transition-all duration-300 group-hover:scale-[102%] group-hover:opacity-60 group-focus-visible:scale-[102%] group-focus-visible:opacity-60"
|
||||
className="hidden h-full w-full object-cover transition-all duration-300 group-hover:scale-[102%] group-focus-visible:scale-[102%] lg:block"
|
||||
/>
|
||||
<img
|
||||
src={bgHorizontalImage}
|
||||
alt={`${flow.name} Horizontal`}
|
||||
className="block h-full w-full object-cover transition-all duration-300 group-hover:scale-[102%] group-focus-visible:scale-[102%] lg:hidden"
|
||||
/>
|
||||
</div>
|
||||
<div className="card-shine-effect absolute inset-2 flex h-[calc(100%-16px)] min-w-[calc(100%-16px)] flex-col items-start gap-1 rounded-2xl p-4 text-white md:gap-3 lg:gap-4 lg:py-6">
|
||||
<div className="flex items-center gap-2 text-white mix-blend-overlay">
|
||||
<div className="flex items-center gap-2 text-zinc-400 mix-blend-plus-lighter">
|
||||
<ForwardedIconComponent name={icon} className="h-4 w-4" />
|
||||
<span className="font-mono text-xs font-semibold uppercase tracking-wider">
|
||||
{category}
|
||||
|
|
|
|||
|
|
@ -57,7 +57,9 @@ const HeaderComponent = ({
|
|||
className="flex items-center pb-8 text-xl font-semibold"
|
||||
data-testid="mainpage_title"
|
||||
>
|
||||
<div className={cn("w-10 transition-all lg:hidden", open && "md:w-0")}>
|
||||
<div
|
||||
className={cn("h-7 w-10 transition-all lg:hidden", open && "md:w-0")}
|
||||
>
|
||||
<div
|
||||
className={cn(
|
||||
"relative left-0 opacity-100 transition-all",
|
||||
|
|
@ -68,7 +70,7 @@ const HeaderComponent = ({
|
|||
<ForwardedIconComponent
|
||||
name="PanelLeftOpen"
|
||||
aria-hidden="true"
|
||||
className="text-zinc-500 dark:text-zinc-400"
|
||||
className=""
|
||||
/>
|
||||
</SidebarTrigger>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -144,8 +144,10 @@ const ListComponent = ({ flowData }: { flowData: FlowType }) => {
|
|||
Edited {timeElapsed(flowData.updated_at)} ago
|
||||
</div>
|
||||
</div>
|
||||
<div className="overflow-hidden truncate text-sm text-primary">
|
||||
{flowData.description}
|
||||
<div className="overflow-hidden text-sm text-primary">
|
||||
<span className="block max-w-[110ch] truncate">
|
||||
{flowData.description}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -322,7 +322,7 @@
|
|||
@apply flex flex-col justify-center bg-background transition-all;
|
||||
}
|
||||
.generic-node-div-title {
|
||||
@apply flex w-full items-center gap-2;
|
||||
@apply flex flex-1 items-center gap-2 overflow-hidden;
|
||||
}
|
||||
.generic-node-title-arrangement {
|
||||
@apply flex-max-width items-center truncate;
|
||||
|
|
|
|||
|
|
@ -12,8 +12,8 @@ export interface Category {
|
|||
}
|
||||
|
||||
export interface CardData {
|
||||
bg: string;
|
||||
spiralImage: string;
|
||||
bgImage: string;
|
||||
bgHorizontalImage: string;
|
||||
icon: string;
|
||||
category: string;
|
||||
flow: FlowType | undefined;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue