mirror of
https://github.com/logto-io/logto.git
synced 2025-03-24 22:41:28 -05:00
style(ac): refactor ac welcome page style (#1373)
* style(ac): refactor ac welcome page style refacrot ac welcome page style * style(ac): branding button update branding button update * style(ac): update style update style
This commit is contained in:
simeng-li
GitHub
parent
0f6b699b5b
commit
f4e0a4c7d7
10 changed files with 593 additions and 174 deletions
packages/console
|
|
@ -1,7 +1,7 @@
|
|||
{
|
||||
"extends": "@parcel/config-default",
|
||||
"transformers": {
|
||||
"*.svg": [
|
||||
"**/assets/images/*.svg": [
|
||||
"@parcel/transformer-svg-react"
|
||||
]
|
||||
}
|
||||
|
|
|
|||
5
packages/console/src/assets/icons/snowflake.svg
Normal file
5
packages/console/src/assets/icons/snowflake.svg
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
<svg width="273" height="221" viewBox="0 0 273 221" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M128.015 34.1615L127.625 34.4745L128.167 35.1498L128.481 34.3426L128.015 34.1615ZM158.176 -43.447L157.71 -43.6281L158.176 -43.447ZM163.353 -45.7264L163.172 -45.2604L163.353 -45.7264ZM205.675 -29.2791L205.856 -29.7452L205.675 -29.2791ZM207.954 -24.1019L207.488 -24.283L207.954 -24.1019ZM177.793 53.5061L177.327 53.325L177.014 54.1322L177.87 54.0003L177.793 53.5061ZM260.083 40.822L260.007 40.3279L260.083 40.822ZM264.646 44.166L264.152 44.2421L264.646 44.166ZM271.563 89.0412L271.069 89.1174L271.563 89.0412ZM268.219 93.6039L268.295 94.0981L268.219 93.6039ZM185.929 106.288L185.852 105.794L184.996 105.926L185.539 106.601L185.929 106.288ZM144.286 139.725L144.676 139.412L144.134 138.737L143.82 139.544L144.286 139.725ZM114.126 217.333L114.592 217.514L114.126 217.333ZM108.949 219.612L109.13 219.146L108.949 219.612ZM66.627 203.165L66.8081 202.699L66.8081 202.699L66.627 203.165ZM64.3476 197.988L64.8137 198.169L64.8137 198.169L64.3476 197.988ZM94.5083 120.379L94.9743 120.561L95.288 119.753L94.4321 119.885L94.5083 120.379ZM12.2164 133.064L12.1403 132.57L12.1403 132.57L12.2164 133.064ZM7.65377 129.72L8.14794 129.644L8.14794 129.644L7.65377 129.72ZM0.736758 84.8447L1.23092 84.7685L0.736758 84.8447ZM4.08071 80.282L4.00454 79.7878L4.08071 80.282ZM86.3719 67.5977L86.4481 68.0919L87.304 67.9599L86.7618 67.2847L86.3719 67.5977ZM34.5426 -3.34017C32.6047 -1.78415 32.2951 1.04822 33.8512 2.98611L34.6309 2.36002C33.4207 0.852772 33.6614 -1.35018 35.1687 -2.56042L34.5426 -3.34017ZM69.9472 -31.7681L34.5426 -3.34017L35.1687 -2.56042L70.5733 -30.9884L69.9472 -31.7681ZM76.2735 -31.0767C74.7175 -33.0146 71.8851 -33.3241 69.9472 -31.7681L70.5733 -30.9884C72.0805 -32.1986 74.2835 -31.9578 75.4937 -30.4506L76.2735 -31.0767ZM128.405 33.8484L76.2735 -31.0767L75.4937 -30.4506L127.625 34.4745L128.405 33.8484ZM157.71 -43.6281L127.549 33.9804L128.481 34.3426L158.642 -43.2659L157.71 -43.6281ZM163.534 -46.1925C161.218 -47.0927 158.61 -45.9447 157.71 -43.6281L158.642 -43.2659C159.342 -45.0676 161.37 -45.9606 163.172 -45.2604L163.534 -46.1925ZM205.856 -29.7452L163.534 -46.1925L163.172 -45.2604L205.493 -28.8131L205.856 -29.7452ZM208.42 -23.9208C209.32 -26.2373 208.172 -28.8449 205.856 -29.7452L205.493 -28.8131C207.295 -28.1129 208.188 -26.0847 207.488 -24.283L208.42 -23.9208ZM178.259 53.6872L208.42 -23.9208L207.488 -24.283L177.327 53.325L178.259 53.6872ZM260.007 40.3279L177.717 53.0119L177.87 54.0003L260.16 41.3162L260.007 40.3279ZM265.14 44.0898C264.762 41.6335 262.464 39.9493 260.007 40.3279L260.16 41.3162C262.07 41.0217 263.857 42.3317 264.152 44.2421L265.14 44.0898ZM272.057 88.965L265.14 44.0898L264.152 44.2421L271.069 89.1174L272.057 88.965ZM268.295 94.0981C270.752 93.7194 272.436 91.4213 272.057 88.965L271.069 89.1174C271.363 91.0278 270.053 92.8152 268.143 93.1097L268.295 94.0981ZM186.005 106.782L268.295 94.0981L268.143 93.1097L185.852 105.794L186.005 106.782ZM238.448 170.898L186.318 105.975L185.539 106.601L237.668 171.524L238.448 170.898ZM237.757 177.224C239.695 175.668 240.004 172.836 238.448 170.898L237.668 171.524C238.879 173.032 238.638 175.234 237.131 176.445L237.757 177.224ZM202.352 205.652L237.757 177.224L237.131 176.445L201.726 204.873L202.352 205.652ZM196.026 204.961C197.582 206.899 200.414 207.208 202.352 205.652L201.726 204.873C200.219 206.083 198.016 205.842 196.806 204.335L196.026 204.961ZM143.896 140.038L196.026 204.961L196.806 204.335L144.676 139.412L143.896 140.038ZM114.592 217.514L144.752 139.906L143.82 139.544L113.66 217.152L114.592 217.514ZM108.768 220.078C111.084 220.979 113.692 219.831 114.592 217.514L113.66 217.152C112.96 218.954 110.931 219.846 109.13 219.146L108.768 220.078ZM66.4459 203.631L108.768 220.078L109.13 219.146L66.8081 202.699L66.4459 203.631ZM63.8816 197.807C62.9813 200.123 64.1294 202.731 66.4459 203.631L66.8081 202.699C65.0064 201.999 64.1135 199.971 64.8137 198.169L63.8816 197.807ZM94.0422 120.198L63.8816 197.807L64.8137 198.169L94.9743 120.561L94.0422 120.198ZM12.2926 133.558L94.5844 120.874L94.4321 119.885L12.1403 132.57L12.2926 133.558ZM7.15961 129.796C7.53822 132.252 9.83633 133.937 12.2926 133.558L12.1403 132.57C10.2298 132.864 8.44241 131.554 8.14794 129.644L7.15961 129.796ZM0.242595 84.9208L7.15961 129.796L8.14794 129.644L1.23092 84.7685L0.242595 84.9208ZM4.00454 79.7878C1.54827 80.1664 -0.136013 82.4646 0.242595 84.9208L1.23092 84.7685C0.936451 82.8581 2.24645 81.0706 4.15688 80.7761L4.00454 79.7878ZM86.2958 67.1035L4.00454 79.7878L4.15688 80.7761L86.4481 68.0919L86.2958 67.1035ZM33.8512 2.98611L85.9821 67.9108L86.7618 67.2847L34.6309 2.36002L33.8512 2.98611Z" fill="#191C1D"/>
|
||||
<path d="M128.015 34.1615L127.625 34.4745L128.167 35.1498L128.481 34.3426L128.015 34.1615ZM158.176 -43.447L157.71 -43.6281L158.176 -43.447ZM163.353 -45.7264L163.172 -45.2604L163.353 -45.7264ZM205.675 -29.2791L205.856 -29.7452L205.675 -29.2791ZM207.954 -24.1019L207.488 -24.283L207.954 -24.1019ZM177.793 53.5061L177.327 53.325L177.014 54.1322L177.87 54.0003L177.793 53.5061ZM260.083 40.822L260.007 40.3279L260.083 40.822ZM264.646 44.166L264.152 44.2421L264.646 44.166ZM271.563 89.0412L271.069 89.1174L271.563 89.0412ZM268.219 93.6039L268.295 94.0981L268.219 93.6039ZM185.929 106.288L185.852 105.794L184.996 105.926L185.539 106.601L185.929 106.288ZM144.286 139.725L144.676 139.412L144.134 138.737L143.82 139.544L144.286 139.725ZM114.126 217.333L114.592 217.514L114.126 217.333ZM108.949 219.612L109.13 219.146L108.949 219.612ZM66.627 203.165L66.8081 202.699L66.8081 202.699L66.627 203.165ZM64.3476 197.988L64.8137 198.169L64.8137 198.169L64.3476 197.988ZM94.5083 120.379L94.9743 120.561L95.288 119.753L94.4321 119.885L94.5083 120.379ZM12.2164 133.064L12.1403 132.57L12.1403 132.57L12.2164 133.064ZM7.65377 129.72L8.14794 129.644L8.14794 129.644L7.65377 129.72ZM0.736758 84.8447L1.23092 84.7685L0.736758 84.8447ZM4.08071 80.282L4.00454 79.7878L4.08071 80.282ZM86.3719 67.5977L86.4481 68.0919L87.304 67.9599L86.7618 67.2847L86.3719 67.5977ZM34.5426 -3.34017C32.6047 -1.78415 32.2951 1.04822 33.8512 2.98611L34.6309 2.36002C33.4207 0.852772 33.6614 -1.35018 35.1687 -2.56042L34.5426 -3.34017ZM69.9472 -31.7681L34.5426 -3.34017L35.1687 -2.56042L70.5733 -30.9884L69.9472 -31.7681ZM76.2735 -31.0767C74.7175 -33.0146 71.8851 -33.3241 69.9472 -31.7681L70.5733 -30.9884C72.0805 -32.1986 74.2835 -31.9578 75.4937 -30.4506L76.2735 -31.0767ZM128.405 33.8484L76.2735 -31.0767L75.4937 -30.4506L127.625 34.4745L128.405 33.8484ZM157.71 -43.6281L127.549 33.9804L128.481 34.3426L158.642 -43.2659L157.71 -43.6281ZM163.534 -46.1925C161.218 -47.0927 158.61 -45.9447 157.71 -43.6281L158.642 -43.2659C159.342 -45.0676 161.37 -45.9606 163.172 -45.2604L163.534 -46.1925ZM205.856 -29.7452L163.534 -46.1925L163.172 -45.2604L205.493 -28.8131L205.856 -29.7452ZM208.42 -23.9208C209.32 -26.2373 208.172 -28.8449 205.856 -29.7452L205.493 -28.8131C207.295 -28.1129 208.188 -26.0847 207.488 -24.283L208.42 -23.9208ZM178.259 53.6872L208.42 -23.9208L207.488 -24.283L177.327 53.325L178.259 53.6872ZM260.007 40.3279L177.717 53.0119L177.87 54.0003L260.16 41.3162L260.007 40.3279ZM265.14 44.0898C264.762 41.6335 262.464 39.9493 260.007 40.3279L260.16 41.3162C262.07 41.0217 263.857 42.3317 264.152 44.2421L265.14 44.0898ZM272.057 88.965L265.14 44.0898L264.152 44.2421L271.069 89.1174L272.057 88.965ZM268.295 94.0981C270.752 93.7194 272.436 91.4213 272.057 88.965L271.069 89.1174C271.363 91.0278 270.053 92.8152 268.143 93.1097L268.295 94.0981ZM186.005 106.782L268.295 94.0981L268.143 93.1097L185.852 105.794L186.005 106.782ZM238.448 170.898L186.318 105.975L185.539 106.601L237.668 171.524L238.448 170.898ZM237.757 177.224C239.695 175.668 240.004 172.836 238.448 170.898L237.668 171.524C238.879 173.032 238.638 175.234 237.131 176.445L237.757 177.224ZM202.352 205.652L237.757 177.224L237.131 176.445L201.726 204.873L202.352 205.652ZM196.026 204.961C197.582 206.899 200.414 207.208 202.352 205.652L201.726 204.873C200.219 206.083 198.016 205.842 196.806 204.335L196.026 204.961ZM143.896 140.038L196.026 204.961L196.806 204.335L144.676 139.412L143.896 140.038ZM114.592 217.514L144.752 139.906L143.82 139.544L113.66 217.152L114.592 217.514ZM108.768 220.078C111.084 220.979 113.692 219.831 114.592 217.514L113.66 217.152C112.96 218.954 110.931 219.846 109.13 219.146L108.768 220.078ZM66.4459 203.631L108.768 220.078L109.13 219.146L66.8081 202.699L66.4459 203.631ZM63.8816 197.807C62.9813 200.123 64.1294 202.731 66.4459 203.631L66.8081 202.699C65.0064 201.999 64.1135 199.971 64.8137 198.169L63.8816 197.807ZM94.0422 120.198L63.8816 197.807L64.8137 198.169L94.9743 120.561L94.0422 120.198ZM12.2926 133.558L94.5844 120.874L94.4321 119.885L12.1403 132.57L12.2926 133.558ZM7.15961 129.796C7.53822 132.252 9.83633 133.937 12.2926 133.558L12.1403 132.57C10.2298 132.864 8.44241 131.554 8.14794 129.644L7.15961 129.796ZM0.242595 84.9208L7.15961 129.796L8.14794 129.644L1.23092 84.7685L0.242595 84.9208ZM4.00454 79.7878C1.54827 80.1664 -0.136013 82.4646 0.242595 84.9208L1.23092 84.7685C0.936451 82.8581 2.24645 81.0706 4.15688 80.7761L4.00454 79.7878ZM86.2958 67.1035L4.00454 79.7878L4.15688 80.7761L86.4481 68.0919L86.2958 67.1035ZM33.8512 2.98611L85.9821 67.9108L86.7618 67.2847L34.6309 2.36002L33.8512 2.98611Z" fill="#C4C7C7" fill-opacity="0.02"/>
|
||||
<path d="M128.015 34.1615L127.625 34.4745L128.167 35.1498L128.481 34.3426L128.015 34.1615ZM158.176 -43.447L157.71 -43.6281L158.176 -43.447ZM163.353 -45.7264L163.172 -45.2604L163.353 -45.7264ZM205.675 -29.2791L205.856 -29.7452L205.675 -29.2791ZM207.954 -24.1019L207.488 -24.283L207.954 -24.1019ZM177.793 53.5061L177.327 53.325L177.014 54.1322L177.87 54.0003L177.793 53.5061ZM260.083 40.822L260.007 40.3279L260.083 40.822ZM264.646 44.166L264.152 44.2421L264.646 44.166ZM271.563 89.0412L271.069 89.1174L271.563 89.0412ZM268.219 93.6039L268.295 94.0981L268.219 93.6039ZM185.929 106.288L185.852 105.794L184.996 105.926L185.539 106.601L185.929 106.288ZM144.286 139.725L144.676 139.412L144.134 138.737L143.82 139.544L144.286 139.725ZM114.126 217.333L114.592 217.514L114.126 217.333ZM108.949 219.612L109.13 219.146L108.949 219.612ZM66.627 203.165L66.8081 202.699L66.8081 202.699L66.627 203.165ZM64.3476 197.988L64.8137 198.169L64.8137 198.169L64.3476 197.988ZM94.5083 120.379L94.9743 120.561L95.288 119.753L94.4321 119.885L94.5083 120.379ZM12.2164 133.064L12.1403 132.57L12.1403 132.57L12.2164 133.064ZM7.65377 129.72L8.14794 129.644L8.14794 129.644L7.65377 129.72ZM0.736758 84.8447L1.23092 84.7685L0.736758 84.8447ZM4.08071 80.282L4.00454 79.7878L4.08071 80.282ZM86.3719 67.5977L86.4481 68.0919L87.304 67.9599L86.7618 67.2847L86.3719 67.5977ZM34.5426 -3.34017C32.6047 -1.78415 32.2951 1.04822 33.8512 2.98611L34.6309 2.36002C33.4207 0.852772 33.6614 -1.35018 35.1687 -2.56042L34.5426 -3.34017ZM69.9472 -31.7681L34.5426 -3.34017L35.1687 -2.56042L70.5733 -30.9884L69.9472 -31.7681ZM76.2735 -31.0767C74.7175 -33.0146 71.8851 -33.3241 69.9472 -31.7681L70.5733 -30.9884C72.0805 -32.1986 74.2835 -31.9578 75.4937 -30.4506L76.2735 -31.0767ZM128.405 33.8484L76.2735 -31.0767L75.4937 -30.4506L127.625 34.4745L128.405 33.8484ZM157.71 -43.6281L127.549 33.9804L128.481 34.3426L158.642 -43.2659L157.71 -43.6281ZM163.534 -46.1925C161.218 -47.0927 158.61 -45.9447 157.71 -43.6281L158.642 -43.2659C159.342 -45.0676 161.37 -45.9606 163.172 -45.2604L163.534 -46.1925ZM205.856 -29.7452L163.534 -46.1925L163.172 -45.2604L205.493 -28.8131L205.856 -29.7452ZM208.42 -23.9208C209.32 -26.2373 208.172 -28.8449 205.856 -29.7452L205.493 -28.8131C207.295 -28.1129 208.188 -26.0847 207.488 -24.283L208.42 -23.9208ZM178.259 53.6872L208.42 -23.9208L207.488 -24.283L177.327 53.325L178.259 53.6872ZM260.007 40.3279L177.717 53.0119L177.87 54.0003L260.16 41.3162L260.007 40.3279ZM265.14 44.0898C264.762 41.6335 262.464 39.9493 260.007 40.3279L260.16 41.3162C262.07 41.0217 263.857 42.3317 264.152 44.2421L265.14 44.0898ZM272.057 88.965L265.14 44.0898L264.152 44.2421L271.069 89.1174L272.057 88.965ZM268.295 94.0981C270.752 93.7194 272.436 91.4213 272.057 88.965L271.069 89.1174C271.363 91.0278 270.053 92.8152 268.143 93.1097L268.295 94.0981ZM186.005 106.782L268.295 94.0981L268.143 93.1097L185.852 105.794L186.005 106.782ZM238.448 170.898L186.318 105.975L185.539 106.601L237.668 171.524L238.448 170.898ZM237.757 177.224C239.695 175.668 240.004 172.836 238.448 170.898L237.668 171.524C238.879 173.032 238.638 175.234 237.131 176.445L237.757 177.224ZM202.352 205.652L237.757 177.224L237.131 176.445L201.726 204.873L202.352 205.652ZM196.026 204.961C197.582 206.899 200.414 207.208 202.352 205.652L201.726 204.873C200.219 206.083 198.016 205.842 196.806 204.335L196.026 204.961ZM143.896 140.038L196.026 204.961L196.806 204.335L144.676 139.412L143.896 140.038ZM114.592 217.514L144.752 139.906L143.82 139.544L113.66 217.152L114.592 217.514ZM108.768 220.078C111.084 220.979 113.692 219.831 114.592 217.514L113.66 217.152C112.96 218.954 110.931 219.846 109.13 219.146L108.768 220.078ZM66.4459 203.631L108.768 220.078L109.13 219.146L66.8081 202.699L66.4459 203.631ZM63.8816 197.807C62.9813 200.123 64.1294 202.731 66.4459 203.631L66.8081 202.699C65.0064 201.999 64.1135 199.971 64.8137 198.169L63.8816 197.807ZM94.0422 120.198L63.8816 197.807L64.8137 198.169L94.9743 120.561L94.0422 120.198ZM12.2926 133.558L94.5844 120.874L94.4321 119.885L12.1403 132.57L12.2926 133.558ZM7.15961 129.796C7.53822 132.252 9.83633 133.937 12.2926 133.558L12.1403 132.57C10.2298 132.864 8.44241 131.554 8.14794 129.644L7.15961 129.796ZM0.242595 84.9208L7.15961 129.796L8.14794 129.644L1.23092 84.7685L0.242595 84.9208ZM4.00454 79.7878C1.54827 80.1664 -0.136013 82.4646 0.242595 84.9208L1.23092 84.7685C0.936451 82.8581 2.24645 81.0706 4.15688 80.7761L4.00454 79.7878ZM86.2958 67.1035L4.00454 79.7878L4.15688 80.7761L86.4481 68.0919L86.2958 67.1035ZM33.8512 2.98611L85.9821 67.9108L86.7618 67.2847L34.6309 2.36002L33.8512 2.98611Z" fill="#CABEFF" fill-opacity="0.16"/>
|
||||
</svg>
|
||||
|
After 
(image error) Size: 14 KiB |
257
packages/console/src/assets/icons/welcome-dark.svg
Normal file
257
packages/console/src/assets/icons/welcome-dark.svg
Normal file
File diff suppressed because one or more lines are too long
|
After 
(image error) Size: 81 KiB |
255
packages/console/src/assets/icons/welcome.svg
Normal file
255
packages/console/src/assets/icons/welcome.svg
Normal file
File diff suppressed because one or more lines are too long
|
After 
(image error) Size: 79 KiB |
|
|
@ -1,71 +0,0 @@
|
|||
<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect width="256" height="256" />
|
||||
<path d="M251 237H5.5L25.2124 207.625C28.8297 202.234 34.8948 199 41.3866 199H42.0675C45.2902 199 48.4475 199.91 51.1761 201.625C58.7086 206.36 68.6126 204.534 73.9617 197.424L97.3797 166.299C101.548 160.759 108.078 157.5 115.011 157.5C120.173 157.5 125.172 159.31 129.137 162.614L135.769 168.141C144.274 175.229 156.353 176.102 165.789 170.311C169.85 167.819 174.522 166.5 179.287 166.5H180.184C192.623 166.5 203.676 174.438 207.649 186.226L212.721 201.271C214.68 207.085 220.132 211 226.267 211C231.092 211 235.591 213.434 238.232 217.472L251 237Z" fill="#383A48"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M47 185C47 182.791 48.7909 181 51 181H55C57.2091 181 59 182.791 59 185V193H47V185ZM47 233C47 235.209 48.7909 237 51 237H55C57.2091 237 59 235.209 59 233V225H47V233ZM29 215C26.7909 215 25 213.209 25 211V207C25 204.791 26.7909 203 29 203H37V215H29ZM77 215C79.2091 215 81 213.209 81 211V207C81 204.791 79.2091 203 77 203H69V215H77Z" fill="#635C8F"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M31.7871 196.272C30.225 194.71 30.225 192.177 31.7871 190.615L34.6155 187.787C36.1776 186.225 38.7103 186.225 40.2724 187.787L45.9293 193.444L37.444 201.929L31.7871 196.272ZM65.7282 230.213C67.2903 231.775 69.823 231.775 71.3851 230.213L74.2135 227.385C75.7756 225.823 75.7756 223.29 74.2135 221.728L68.5567 216.071L60.0714 224.556L65.7282 230.213ZM40.2724 230.213C38.7103 231.775 36.1776 231.775 34.6155 230.213L31.7871 227.385C30.225 225.823 30.225 223.29 31.7871 221.728L37.444 216.071L45.9293 224.556L40.2724 230.213ZM74.2135 196.272C75.7756 194.71 75.7756 192.177 74.2135 190.615L71.3851 187.787C69.823 186.225 67.2903 186.225 65.7282 187.787L60.0714 193.444L68.5567 201.929L74.2135 196.272Z" fill="#635C8F"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M53 229C64.0457 229 73 220.046 73 209C73 197.954 64.0457 189 53 189C41.9543 189 33 197.954 33 209C33 220.046 41.9543 229 53 229ZM53 217C57.4183 217 61 213.418 61 209C61 204.582 57.4183 201 53 201C48.5817 201 45 204.582 45 209C45 213.418 48.5817 217 53 217Z" fill="#8777C7"/>
|
||||
<path d="M111 115.5H223V158C223 166.837 215.837 174 207 174H127C118.163 174 111 166.837 111 158V115.5Z" fill="#615A7D"/>
|
||||
<rect x="123" y="124" width="44" height="8" rx="2" fill="#776E9E"/>
|
||||
<rect x="123" y="136" width="44" height="8" rx="2" fill="#776E9E"/>
|
||||
<rect x="123" y="148" width="44" height="8" rx="2" fill="#776E9E"/>
|
||||
<rect x="183" y="124" width="24" height="44" rx="6" fill="#776D9E"/>
|
||||
<path d="M111.5 115C111.5 106.44 118.44 99.5 127 99.5H207C215.56 99.5 222.5 106.44 222.5 115V115.5V158C222.5 166.56 215.56 173.5 207 173.5H127C118.44 173.5 111.5 166.56 111.5 158V115.5V115Z" stroke="#7269A8" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<circle cx="123" cy="107" r="2" fill="#C48BB0"/>
|
||||
<circle cx="131" cy="107" r="2" fill="#C79B93"/>
|
||||
<circle cx="139" cy="107" r="2" fill="#776E9E"/>
|
||||
<path d="M182.111 63.0254L197.474 82.3389C197.778 82.7207 198.313 82.8276 198.74 82.5921L208.677 77.1122C209.363 76.7339 209.367 75.7495 208.684 75.3651L190.686 65.2308C190.471 65.11 190.622 64.7836 190.853 64.8689L214.041 73.4305C214.331 73.5374 214.653 73.5046 214.916 73.3414L221.237 69.4079C222.022 68.9198 221.781 67.7202 220.87 67.5718L183.054 61.4158C182.152 61.2689 181.542 62.3099 182.111 63.0254Z" fill="#9A8FBC"/>
|
||||
<path d="M215 82.6315V76.7662C215 75.9889 214.152 75.5088 213.486 75.9087L208.855 78.687C208.226 79.0647 208.204 79.9693 208.815 80.3765L213.445 83.4635C214.11 83.9066 215 83.4302 215 82.6315Z" fill="#8073BC"/>
|
||||
<rect x="55" y="136" width="102" height="102" rx="16" fill="url(#paint0_linear_494_13452)"/>
|
||||
<path d="M69 155C55.5 157.667 25.9 157.6 15.5 136" stroke="#58577B" stroke-dasharray="4 4"/>
|
||||
<path d="M224.304 197.008C222.858 202.338 217.811 205.608 217.342 205.481C216.874 205.353 214.172 199.981 215.618 194.651C217.064 189.321 222.111 186.051 222.579 186.178C223.048 186.305 225.75 191.678 224.304 197.008Z" fill="#74B382"/>
|
||||
<g style="mix-blend-mode:lighten">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M216.156 204.787C216.251 205.263 221.427 208.323 226.843 207.242C227.236 207.164 227.619 207.066 227.992 206.951C227.346 206.411 227.09 205.497 227.419 204.674C227.83 203.648 228.994 203.15 230.02 203.56C230.801 203.873 231.276 204.623 231.277 205.416C234.128 203.607 235.834 201.201 235.768 200.871C235.673 200.395 230.497 197.335 225.081 198.416C219.665 199.498 216.061 204.311 216.156 204.787Z" fill="#89CBAB"/>
|
||||
</g>
|
||||
<path d="M220.5 84.5C225.167 86.8333 234.2 93.9 233 103.5C231.5 115.5 218.518 105.982 224.5 100C229.5 95 243.024 107.157 231.624 123.149" stroke="#58577B" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<rect x="86.5" y="148.5" width="39" height="39" rx="11.5" stroke="#DFBEFF"/>
|
||||
<circle cx="106" cy="161" r="6" fill="#FAABFF"/>
|
||||
<path d="M115.894 179.003C116.014 180.101 115.105 181 114 181C112.176 181 109.271 181 106 181C102.729 181 99.824 181 97.9996 181C96.895 181 95.9858 180.101 96.1057 179.003C96.812 172.536 100.973 169 106 169C111.027 169 115.188 172.536 115.894 179.003Z" fill="#735EAD"/>
|
||||
<rect x="76" y="196" width="60" height="10" rx="4" fill="#D8C7FF"/>
|
||||
<rect x="76" y="211" width="60" height="10" rx="4" fill="#EFE9FF" stroke="#69539E"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M84 201C84 200.448 84.4477 200 85 200H107C107.552 200 108 200.448 108 201C108 201.552 107.552 202 107 202H85C84.4477 202 84 201.552 84 201ZM112 201C112 200.448 112.448 200 113 200H119C119.552 200 120 200.448 120 201C120 201.552 119.552 202 119 202H113C112.448 202 112 201.552 112 201ZM123 200C122.448 200 122 200.448 122 201C122 201.552 122.448 202 123 202H125C125.552 202 126 201.552 126 201C126 200.448 125.552 200 125 200H123Z" fill="#9877EA"/>
|
||||
<circle cx="86" cy="216" r="2" fill="#956AFF"/>
|
||||
<circle cx="94" cy="216" r="2" fill="#956AFF"/>
|
||||
<circle cx="102" cy="216" r="2" fill="#956AFF"/>
|
||||
<circle cx="110" cy="216" r="2" fill="#956AFF"/>
|
||||
<rect x="114" y="213" width="1" height="6" rx="0.5" fill="#FAABFF"/>
|
||||
<g style="mix-blend-mode:multiply" opacity="0.6">
|
||||
<path d="M91 215L157 178V238H91V215Z" fill="url(#paint1_linear_494_13452)"/>
|
||||
</g>
|
||||
<rect x="141" y="178" width="60" height="60" rx="12" fill="url(#paint2_linear_494_13452)"/>
|
||||
<path d="M171 188H174C176.761 188 179 190.239 179 193C179 195.761 176.761 198 174 198H171V188Z" fill="#FFDAD4"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M153 178C146.373 178 141 183.373 141 190V208H151V205C151 202.239 153.239 200 156 200C158.761 200 161 202.239 161 205V208H171V178H153Z" fill="#FFDAD4"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M171 208H181V211C181 213.761 183.239 216 186 216C188.761 216 191 213.761 191 211V208H201V226C201 232.627 195.627 238 189 238H171V228H168C165.239 228 163 225.761 163 223C163 220.239 165.239 218 168 218H171V208Z" fill="#A989DF"/>
|
||||
<path d="M228 238H232.5H236M216.5 238H162.41C162.039 238 161.829 237.573 162.056 237.279L175.71 219.557C180.767 212.994 190.285 211.992 196.598 217.358L198.054 218.596C202.159 222.085 208.087 222.409 212.548 219.387V219.387C217.196 216.238 223.406 216.735 227.494 220.583L245.034 237.091C245.381 237.418 245.15 238 244.674 238H240.5" stroke="#947DFF" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M242.104 168.38C244.95 170.077 248.633 169.146 250.33 166.3C252.028 163.454 251.097 159.771 248.251 158.073C245.405 156.376 241.722 157.307 240.024 160.153C238.327 162.999 239.258 166.682 242.104 168.38ZM243.641 165.803C245.064 166.652 246.905 166.186 247.754 164.763C248.603 163.34 248.137 161.499 246.714 160.65C245.291 159.801 243.45 160.267 242.601 161.69C241.752 163.113 242.218 164.954 243.641 165.803Z" fill="#6E6083"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M45.957 119.104C45.957 119.047 46.0037 119 46.0613 119H47.9388C47.9964 119 48.0431 119.047 48.0431 119.104V122.409L50.9051 120.757C50.955 120.728 51.0188 120.745 51.0476 120.795L51.9863 122.421C52.0151 122.471 51.9981 122.534 51.9482 122.563L49.0863 124.215L51.9478 125.868C51.9977 125.896 52.0148 125.96 51.986 126.01L51.0472 127.636C51.0184 127.686 50.9546 127.703 50.9048 127.674L48.0431 126.022V129.326C48.0431 129.384 47.9964 129.431 47.9388 129.431H46.0613C46.0037 129.431 45.957 129.384 45.957 129.326V126.022L43.0956 127.674C43.0457 127.703 42.9819 127.686 42.9531 127.636L42.0143 126.01C41.9855 125.96 42.0026 125.896 42.0525 125.868L44.914 124.215L42.0522 122.563C42.0023 122.534 41.9852 122.471 42.014 122.421L42.9528 120.795C42.9816 120.745 43.0454 120.728 43.0952 120.757L45.957 122.409V119.104Z" fill="#78767F"/>
|
||||
<path d="M71.4532 31.9137C71.5104 31.8909 71.5708 31.9386 71.5619 31.9996L70.2689 40.8663C70.26 40.9272 70.1884 40.9557 70.1401 40.9175L63.1079 35.3643C63.0595 35.3262 63.0706 35.25 63.1279 35.2272L71.4532 31.9137Z" fill="#83DA85"/>
|
||||
<path d="M105.969 38.7045L108.751 38.1929C110.287 37.9104 111.304 36.436 111.021 34.8996V34.8996C110.739 33.3633 111.755 31.8888 113.292 31.6063V31.6063C114.828 31.3238 115.844 29.8493 115.562 28.313L115.05 25.5312" stroke="#4A474F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M15.8026 66.7984L15.4022 63.9985C15.1811 62.4521 13.7482 61.3778 12.2019 61.599V61.599C10.6555 61.8201 9.22264 60.7458 9.00149 59.1995V59.1995C8.78035 57.6531 7.3475 56.5788 5.80114 56.7999L3.0012 57.2003" stroke="#52514B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M73.9995 48.5C73.9995 54.5 73.9995 67 73.9995 69C73.9995 71.5 75.4995 72.5 73.9995 77.5C72.4995 82.5 75.9995 83.5 75.4995 85.5C74.9995 87.5 71.998 89.5 73.498 95.5" stroke="#636063" stroke-linecap="round"/>
|
||||
<path d="M73.1962 49.5C73.5811 48.8333 74.5433 48.8333 74.9282 49.5L78.5622 55.7942C79.2565 56.9968 78.3886 58.5 77 58.5L75.5627 58.1407C75.1996 58.0499 74.816 58.092 74.4812 58.2594C74.1693 58.4153 73.8144 58.4629 73.4725 58.3945L72.3325 58.1665C71.7815 58.0563 71.2075 58.0418 70.6512 58.1213C69.5862 58.2734 68.788 57.1351 69.3259 56.2034L73.1962 49.5Z" fill="#B586B7"/>
|
||||
<path d="M94 26.7692C94 38.2398 85.0457 52.9231 74 52.9231C62.9543 52.9231 54 38.2398 54 26.7692C54 15.2987 62.9543 6 74 6C85.0457 6 94 15.2987 94 26.7692Z" fill="#CFA4D1"/>
|
||||
<path d="M80.5807 12.8058C81.0712 13.2625 81.6215 13.8378 82.1948 14.5165M87.4138 33.2829C88.9204 27.6293 87.1579 22.2392 84.8227 18.2451C84.5735 17.8188 84.3178 17.4085 84.0588 17.0154C83.9092 16.7884 83.7585 16.5671 83.6074 16.3518" stroke="#FEF2FF" stroke-linecap="round"/>
|
||||
<path d="M37.4984 108.5C41.0023 103 42 101.5 39.4999 98.5C38.1801 96.9163 36.4999 95.5 37.9999 90.5C39.4999 85.5 36.5 86.5 37.9999 82C39 79.5 37.9999 74.9 37.9999 74.5" stroke="#626067" stroke-linecap="round"/>
|
||||
<path d="M37.4286 70.9897C37.6825 70.5499 38.3175 70.5499 38.5714 70.9897L40.9692 75.1429C41.4274 75.9363 40.8547 76.9282 39.9385 76.9282L38.9901 76.6911C38.7505 76.6312 38.4974 76.659 38.2765 76.7695C38.0707 76.8723 37.8365 76.9037 37.6109 76.8586L36.8587 76.7081C36.4951 76.6354 36.1164 76.6259 35.7494 76.6783C35.0466 76.7787 34.5199 76.0276 34.8749 75.4128L37.4286 70.9897Z" fill="#68A973"/>
|
||||
<path d="M52 55.5385C52 63.5678 45.732 73.8462 38 73.8462C30.268 73.8462 24 63.5678 24 55.5385C24 47.5091 30.268 41 38 41C45.732 41 52 47.5091 52 55.5385Z" fill="#86BF8F"/>
|
||||
<path d="M43.3121 47C43.6186 47.3065 43.9645 47.7166 44.3125 48.2167M45.8121 59C46.8975 55.9609 46.5594 53.177 45.7567 51C45.6205 50.6304 45.4708 50.2784 45.3125 49.9455" stroke="#F7F4FF" stroke-linecap="round"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_494_13452" x1="106" y1="136" x2="65" y2="238" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#A089E1"/>
|
||||
<stop offset="1" stop-color="#816DB9"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_494_13452" x1="159.5" y1="192" x2="98.5" y2="232" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#9C79E0"/>
|
||||
<stop offset="1" stop-color="#BE9BFF" stop-opacity="0"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint2_linear_494_13452" x1="192" y1="181" x2="144.5" y2="238" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#FFBDE5"/>
|
||||
<stop offset="1" stop-color="#FAA5FF"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
Before 
(image error) Size: 12 KiB |
|
|
@ -1,71 +0,0 @@
|
|||
<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M251 238H5.5L25.2124 208.625C28.8297 203.234 34.8948 200 41.3866 200H42.0675C45.2902 200 48.4475 200.91 51.1761 202.625C58.7086 207.36 68.6126 205.534 73.9617 198.424L97.3797 167.299C101.548 161.759 108.078 158.5 115.011 158.5C120.173 158.5 125.172 160.31 129.137 163.614L135.769 169.141C144.274 176.229 156.353 177.102 165.789 171.311C169.85 168.819 174.522 167.5 179.287 167.5H180.184C192.623 167.5 203.676 175.438 207.649 187.226L212.721 202.271C214.68 208.085 220.132 212 226.267 212C231.092 212 235.591 214.434 238.232 218.472L251 238Z" fill="#D3CBE0"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M47 185C47 182.791 48.7909 181 51 181H55C57.2091 181 59 182.791 59 185V193H47V185ZM47 233C47 235.209 48.7909 237 51 237H55C57.2091 237 59 235.209 59 233V225H47V233ZM29 215C26.7909 215 25 213.209 25 211V207C25 204.791 26.7909 203 29 203H37V215H29ZM77 215C79.2091 215 81 213.209 81 211V207C81 204.791 79.2091 203 77 203H69V215H77Z" fill="#ADAAB4"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M31.7871 196.272C30.225 194.71 30.225 192.177 31.7871 190.615L34.6155 187.787C36.1776 186.225 38.7103 186.225 40.2724 187.787L45.9293 193.444L37.444 201.929L31.7871 196.272ZM65.7282 230.213C67.2903 231.775 69.823 231.775 71.3851 230.213L74.2135 227.385C75.7756 225.823 75.7756 223.29 74.2135 221.728L68.5567 216.071L60.0714 224.556L65.7282 230.213ZM40.2724 230.213C38.7103 231.775 36.1776 231.775 34.6155 230.213L31.7871 227.385C30.225 225.823 30.225 223.29 31.7871 221.728L37.444 216.071L45.9293 224.556L40.2724 230.213ZM74.2135 196.272C75.7756 194.71 75.7756 192.177 74.2135 190.615L71.3851 187.787C69.823 186.225 67.2903 186.225 65.7282 187.787L60.0714 193.444L68.5567 201.929L74.2135 196.272Z" fill="#ADAAB4"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M53 229C64.0457 229 73 220.046 73 209C73 197.954 64.0457 189 53 189C41.9543 189 33 197.954 33 209C33 220.046 41.9543 229 53 229ZM53 217C57.4183 217 61 213.418 61 209C61 204.582 57.4183 201 53 201C48.5817 201 45 204.582 45 209C45 213.418 48.5817 217 53 217Z" fill="#5F5D67"/>
|
||||
<path d="M111 115.5H223V158C223 166.837 215.837 174 207 174H127C118.163 174 111 166.837 111 158V115.5Z" fill="#F8F3FF"/>
|
||||
<rect x="123" y="124" width="44" height="8" rx="2" fill="#E6DCF5"/>
|
||||
<rect x="123" y="136" width="52" height="8" rx="2" fill="#E6DCF5"/>
|
||||
<rect x="123" y="148" width="52" height="8" rx="2" fill="#E6DCF5"/>
|
||||
<rect x="183" y="124" width="24" height="44" rx="6" fill="#E7DCF5"/>
|
||||
<path d="M111.5 115C111.5 106.44 118.44 99.5 127 99.5H207C215.56 99.5 222.5 106.44 222.5 115V115.5V158C222.5 166.56 215.56 173.5 207 173.5H127C118.44 173.5 111.5 166.56 111.5 158V115.5V115Z" stroke="#C9C5D0" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<circle cx="123" cy="107" r="2" fill="#FF897A"/>
|
||||
<circle cx="131" cy="107" r="2" fill="#FFE39A"/>
|
||||
<circle cx="139" cy="107" r="2" fill="#68BE6C"/>
|
||||
<path d="M182.111 63.0254L197.474 82.3389C197.778 82.7207 198.313 82.8276 198.74 82.5921L208.677 77.1122C209.363 76.7339 209.367 75.7495 208.684 75.3651L190.686 65.2308C190.471 65.11 190.622 64.7836 190.853 64.8689L214.041 73.4305C214.331 73.5374 214.653 73.5046 214.916 73.3414L221.237 69.4079C222.022 68.9198 221.781 67.7202 220.87 67.5718L183.054 61.4158C182.152 61.2689 181.542 62.3099 182.111 63.0254Z" fill="#A184FB"/>
|
||||
<path d="M215 82.6315V76.7662C215 75.9889 214.152 75.5088 213.486 75.9087L208.855 78.687C208.226 79.0647 208.204 79.9693 208.815 80.3765L213.445 83.4635C214.11 83.9066 215 83.4302 215 82.6315Z" fill="#7B48E7"/>
|
||||
<rect x="55" y="136" width="102" height="102" rx="16" fill="url(#paint0_linear_5176_168754)"/>
|
||||
<path d="M69 155C55.5 157.667 25.9 157.6 15.5 136" stroke="#C39FFF" stroke-dasharray="4 4"/>
|
||||
<path d="M224.304 197.008C222.858 202.338 217.811 205.608 217.342 205.481C216.874 205.353 214.172 199.981 215.618 194.651C217.064 189.321 222.111 186.051 222.579 186.178C223.048 186.305 225.75 191.678 224.304 197.008Z" fill="#68BE6C"/>
|
||||
<g style="mix-blend-mode:multiply">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M216.156 204.787C216.251 205.263 221.427 208.323 226.843 207.242C227.236 207.164 227.619 207.066 227.992 206.951C227.346 206.411 227.09 205.497 227.419 204.674C227.83 203.648 228.994 203.15 230.02 203.56C230.801 203.873 231.276 204.623 231.277 205.416C234.128 203.607 235.834 201.201 235.768 200.871C235.673 200.395 230.497 197.335 225.081 198.416C219.665 199.498 216.061 204.311 216.156 204.787Z" fill="#9FE79F"/>
|
||||
</g>
|
||||
<path d="M220.5 84.5C225.167 86.8333 234.2 93.9 233 103.5C231.5 115.5 218.518 105.982 224.5 100C229.5 95 243.024 107.157 231.624 123.149" stroke="#C39FFF" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<rect x="86.5" y="148.5" width="39" height="39" rx="11.5" stroke="#DFBEFF"/>
|
||||
<circle cx="106" cy="161" r="6" fill="#FFC554"/>
|
||||
<path d="M115.894 179.003C116.014 180.101 115.105 181 114 181C112.176 181 109.271 181 106 181C102.729 181 99.824 181 97.9996 181C96.895 181 95.9858 180.101 96.1057 179.003C96.812 172.536 100.973 169 106 169C111.027 169 115.188 172.536 115.894 179.003Z" fill="#5F35D5"/>
|
||||
<rect x="76" y="196" width="60" height="10" rx="4" fill="#D8C7FF"/>
|
||||
<rect x="76" y="211" width="60" height="10" rx="4" fill="#EFE9FF" stroke="#EF8EFF"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M84 201C84 200.448 84.4477 200 85 200H107C107.552 200 108 200.448 108 201C108 201.552 107.552 202 107 202H85C84.4477 202 84 201.552 84 201ZM112 201C112 200.448 112.448 200 113 200H119C119.552 200 120 200.448 120 201C120 201.552 119.552 202 119 202H113C112.448 202 112 201.552 112 201ZM123 200C122.448 200 122 200.448 122 201C122 201.552 122.448 202 123 202H125C125.552 202 126 201.552 126 201C126 200.448 125.552 200 125 200H123Z" fill="#8764DE"/>
|
||||
<circle cx="86" cy="216" r="2" fill="#956AFF"/>
|
||||
<circle cx="94" cy="216" r="2" fill="#956AFF"/>
|
||||
<circle cx="102" cy="216" r="2" fill="#956AFF"/>
|
||||
<circle cx="110" cy="216" r="2" fill="#956AFF"/>
|
||||
<rect x="114" y="213" width="1" height="6" rx="0.5" fill="#FAABFF"/>
|
||||
<g style="mix-blend-mode:multiply" opacity="0.7">
|
||||
<path d="M91 215L157 178V238H91V215Z" fill="url(#paint1_linear_5176_168754)"/>
|
||||
</g>
|
||||
<rect x="141" y="178" width="60" height="60" rx="12" fill="url(#paint2_linear_5176_168754)"/>
|
||||
<path d="M171 188H174C176.761 188 179 190.239 179 193C179 195.761 176.761 198 174 198H171V188Z" fill="#FFE39A"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M153 178C146.373 178 141 183.373 141 190V208H151V205C151 202.239 153.239 200 156 200C158.761 200 161 202.239 161 205V208H171V178H153Z" fill="#FFE39A"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M171 208H181V211C181 213.761 183.239 216 186 216C188.761 216 191 213.761 191 211V208H201V226C201 232.627 195.627 238 189 238H171V228H168C165.239 228 163 225.761 163 223C163 220.239 165.239 218 168 218H171V208Z" fill="#985DFD"/>
|
||||
<path d="M228.001 238H232.001H236.001M216.001 238H162.896C162.532 238 162.327 237.581 162.551 237.293L175.664 220.475C180.756 213.945 190.262 212.971 196.571 218.334L197.977 219.53C202.128 223.058 208.123 223.385 212.633 220.33V220.33C217.254 217.2 223.414 217.627 227.558 221.365L244.985 237.083C245.343 237.406 245.114 238 244.633 238H240.001" stroke="#947DFF" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M242.104 168.38C244.95 170.077 248.633 169.146 250.33 166.3C252.028 163.454 251.097 159.771 248.251 158.073C245.405 156.376 241.722 157.307 240.024 160.153C238.327 162.999 239.258 166.682 242.104 168.38ZM243.64 165.803C245.063 166.652 246.904 166.186 247.753 164.763C248.602 163.34 248.136 161.499 246.713 160.65C245.29 159.801 243.449 160.267 242.6 161.69C241.751 163.113 242.217 164.954 243.64 165.803Z" fill="#D2BDF0"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M107.197 82.1469C107.218 82.1058 107.268 82.0893 107.31 82.1101L108.65 82.7878C108.691 82.8086 108.708 82.8588 108.687 82.8999L107.494 85.259L110.134 85.1124C110.18 85.1098 110.22 85.145 110.222 85.191L110.305 86.6907C110.308 86.7367 110.273 86.7761 110.227 86.7787L107.586 86.9254L109.033 89.1377C109.058 89.1763 109.047 89.228 109.008 89.2532L107.751 90.0752C107.713 90.1004 107.661 90.0896 107.636 90.051L106.19 87.8392L104.997 90.1977C104.976 90.2388 104.926 90.2553 104.885 90.2345L103.545 89.5568C103.503 89.536 103.487 89.4858 103.508 89.4447L104.7 87.0856L102.062 87.2322C102.016 87.2347 101.976 87.1995 101.974 87.1535L101.891 85.6538C101.888 85.6078 101.923 85.5684 101.969 85.5659L104.607 85.4193L103.161 83.2067C103.135 83.1681 103.146 83.1164 103.185 83.0912L104.442 82.2692C104.48 82.244 104.532 82.2548 104.557 82.2934L106.004 84.5065L107.197 82.1469Z" fill="#C2BDD3"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M45.9571 119.104C45.9571 119.047 46.0038 119 46.0614 119H47.9389C47.9965 119 48.0432 119.047 48.0432 119.104V122.409L50.9057 120.756C50.9556 120.728 51.0194 120.745 51.0482 120.795L51.987 122.421C52.0158 122.471 51.9987 122.534 51.9488 122.563L49.0862 124.216L51.947 125.868C51.9969 125.896 52.014 125.96 51.9852 126.01L51.0464 127.636C51.0176 127.686 50.9538 127.703 50.9039 127.674L48.0432 126.023V129.326C48.0432 129.384 47.9965 129.431 47.9389 129.431H46.0614C46.0038 129.431 45.9571 129.384 45.9571 129.326V126.022L43.0962 127.674C43.0463 127.703 42.9825 127.686 42.9537 127.636L42.0149 126.01C41.9861 125.96 42.0032 125.896 42.0531 125.868L44.9139 124.216L42.0513 122.563C42.0014 122.534 41.9843 122.471 42.0131 122.421L42.9519 120.795C42.9807 120.745 43.0445 120.728 43.0944 120.756L45.9571 122.409V119.104Z" fill="#E5E1EC"/>
|
||||
<path d="M71.4532 31.9137C71.5104 31.8909 71.5708 31.9386 71.5619 31.9996L70.2689 40.8663C70.26 40.9272 70.1884 40.9557 70.1401 40.9175L63.1079 35.3643C63.0595 35.3262 63.0706 35.25 63.1279 35.2272L71.4532 31.9137Z" fill="#83DA85"/>
|
||||
<path d="M105.968 38.7045L108.75 38.1929C110.287 37.9104 111.303 36.436 111.02 34.8996V34.8996C110.738 33.3633 111.754 31.8888 113.291 31.6063V31.6063C114.827 31.3238 115.843 29.8493 115.561 28.313L115.049 25.5312" stroke="#CFBFE4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M15.8016 66.7984L15.4012 63.9985C15.1801 62.4521 13.7472 61.3778 12.2009 61.599V61.599C10.6545 61.8201 9.22166 60.7458 9.00052 59.1995V59.1995C8.77937 57.6531 7.34652 56.5788 5.80016 56.7999L3.00022 57.2003" stroke="#D2BDF0" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M73.9995 48.5C73.9995 54.5 73.9995 67 73.9995 69C73.9995 71.5 75.4995 72.5 73.9995 77.5C72.4995 82.5 75.9995 83.5 75.4995 85.5C74.9995 87.5 71.998 89.5 73.498 95.5" stroke="#CDC5DB" stroke-linecap="round"/>
|
||||
<path d="M73.1962 49.5C73.5811 48.8333 74.5433 48.8333 74.9282 49.5L78.5622 55.7942C79.2565 56.9968 78.3886 58.5 77 58.5L75.5627 58.1407C75.1996 58.0499 74.816 58.092 74.4812 58.2594C74.1693 58.4153 73.8144 58.4629 73.4725 58.3945L72.3325 58.1665C71.7815 58.0563 71.2075 58.0418 70.6512 58.1213C69.5862 58.2734 68.788 57.1351 69.3259 56.2034L73.1962 49.5Z" fill="#DD98E1"/>
|
||||
<path d="M94 26.7692C94 38.2398 85.0457 52.9231 74 52.9231C62.9543 52.9231 54 38.2398 54 26.7692C54 15.2987 62.9543 6 74 6C85.0457 6 94 15.2987 94 26.7692Z" fill="#F19EFF"/>
|
||||
<path d="M80.5807 12.8058C81.0712 13.2625 81.6215 13.8378 82.1948 14.5165M87.4138 33.2829C88.9204 27.6293 87.1579 22.2392 84.8227 18.2451C84.5735 17.8188 84.3178 17.4085 84.0588 17.0154C83.9092 16.7884 83.7585 16.5671 83.6074 16.3518" stroke="#FEF2FF" stroke-linecap="round"/>
|
||||
<path d="M37.4984 108.5C41.0023 103 42 101.5 39.4999 98.5C38.1801 96.9163 36.4999 95.5 37.9999 90.5C39.4999 85.5 36.5 86.5 37.9999 82C39 79.5 37.9999 74.9 37.9999 74.5" stroke="#CDC5DB" stroke-linecap="round"/>
|
||||
<path d="M37.4286 70.9897C37.6825 70.5499 38.3175 70.5499 38.5714 70.9897L40.9692 75.1429C41.4274 75.9363 40.8547 76.9282 39.9385 76.9282L38.9901 76.6911C38.7505 76.6312 38.4974 76.659 38.2765 76.7695C38.0707 76.8723 37.8365 76.9037 37.6109 76.8586L36.8587 76.7081C36.4951 76.6354 36.1164 76.6259 35.7494 76.6783C35.0466 76.7787 34.5199 76.0276 34.8749 75.4128L37.4286 70.9897Z" fill="#66B566"/>
|
||||
<path d="M52 55.5385C52 63.5678 45.732 73.8462 38 73.8462C30.268 73.8462 24 63.5678 24 55.5385C24 47.5091 30.268 41 38 41C45.732 41 52 47.5091 52 55.5385Z" fill="#83DA85"/>
|
||||
<path d="M43.3121 47C43.6186 47.3065 43.9645 47.7166 44.3125 48.2167M45.8121 59C46.8975 55.9609 46.5594 53.177 45.7567 51C45.6205 50.6304 45.4708 50.2784 45.3125 49.9455" stroke="#F7F4FF" stroke-linecap="round"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_5176_168754" x1="106" y1="136" x2="65" y2="238" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#C883FF"/>
|
||||
<stop offset="1" stop-color="#774AF4"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_5176_168754" x1="159.5" y1="192" x2="98.5" y2="232" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#9C79E0"/>
|
||||
<stop offset="1" stop-color="#BE9BFF" stop-opacity="0"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint2_linear_5176_168754" x1="192" y1="181" x2="144.5" y2="238" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#FFA3E0"/>
|
||||
<stop offset="1" stop-color="#F58CFC"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
Before 
(image error) Size: 13 KiB |
|
|
@ -101,6 +101,27 @@
|
|||
}
|
||||
}
|
||||
|
||||
&.branding {
|
||||
background: linear-gradient(90deg, #5d34f2 32%, #bd31ff 102%);
|
||||
color: var(--color-on-primary);
|
||||
|
||||
&:focus-visible {
|
||||
outline: 3px solid var(--color-focused-variant);
|
||||
}
|
||||
|
||||
&:active {
|
||||
background:
|
||||
linear-gradient(0deg, rgba(0, 0, 0, 20%), rgba(0, 0, 0, 20%)),
|
||||
linear-gradient(69.73deg, #492ef3 5.52%, #cf69ff 94.22%);
|
||||
}
|
||||
|
||||
&:not(:disabled):not(:active):hover {
|
||||
background:
|
||||
linear-gradient(0deg, rgba(0, 0, 0, 20%), rgba(0, 0, 0, 20%)),
|
||||
linear-gradient(69.73deg, #492ef3 5.52%, #cf69ff 94.22%);
|
||||
}
|
||||
}
|
||||
|
||||
&.primary {
|
||||
background: var(--color-primary);
|
||||
color: var(--color-on-primary);
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@ import { Ring as Spinner } from '@/components/Spinner';
|
|||
import DangerousRaw from '../DangerousRaw';
|
||||
import * as styles from './index.module.scss';
|
||||
|
||||
export type ButtonType = 'primary' | 'danger' | 'outline' | 'plain' | 'default';
|
||||
export type ButtonType = 'primary' | 'danger' | 'outline' | 'plain' | 'default' | 'branding';
|
||||
|
||||
type BaseProps = Omit<HTMLProps<HTMLButtonElement>, 'type' | 'size' | 'title'> & {
|
||||
htmlType?: 'button' | 'submit' | 'reset';
|
||||
|
|
|
|||
|
|
@ -1,12 +1,34 @@
|
|||
@use '@/scss/underscore' as _;
|
||||
|
||||
|
||||
.container {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
background-color: var(--color-surface-1);
|
||||
display: flex;
|
||||
height: 100vh;
|
||||
flex-direction: column;
|
||||
min-width: 1280px;
|
||||
|
||||
&.light {
|
||||
background-image: url('../../assets/icons/welcome.svg');
|
||||
background-position: right 0 bottom 40px;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
&.dark {
|
||||
background-image: url('../../assets/icons/welcome-dark.svg');
|
||||
background-position: right 0 bottom 40px;
|
||||
background-repeat: no-repeat;
|
||||
|
||||
&::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 92px;
|
||||
width: 273px;
|
||||
height: 221px;
|
||||
background: url('../../assets/icons/snowflake.svg') no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.header {
|
||||
|
|
@ -21,28 +43,30 @@
|
|||
|
||||
main {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 400px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.content {
|
||||
position: absolute;
|
||||
top: 25%;
|
||||
left: 8.333%;
|
||||
width: 585px;
|
||||
}
|
||||
|
||||
.title {
|
||||
font: var(--font-headline-medium);
|
||||
font-weight: 600;
|
||||
font-size: 57px;
|
||||
line-height: 64px;
|
||||
letter-spacing: -0.25px;
|
||||
color: var(--color-text);
|
||||
text-align: center;
|
||||
margin: _.unit(2) 0 _.unit(3);
|
||||
}
|
||||
|
||||
.description {
|
||||
font: var(--font-body-large);
|
||||
color: var(--color-neutral-variant-30);
|
||||
text-align: center;
|
||||
color: var(--color-caption);
|
||||
margin-bottom: _.unit(8);
|
||||
}
|
||||
|
||||
.button {
|
||||
width: 100%;
|
||||
width: 400px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,11 +1,9 @@
|
|||
import { LogtoClientError, useLogto } from '@logto/react';
|
||||
import { AppearanceMode } from '@logto/schemas';
|
||||
import classNames from 'classnames';
|
||||
import React, { useEffect } from 'react';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
import { useNavigate, useHref } from 'react-router-dom';
|
||||
|
||||
import WelcomeDark from '@/assets/images/welcome-dark.svg';
|
||||
import WelcomeIcon from '@/assets/images/welcome.svg';
|
||||
import AppError from '@/components/AppError';
|
||||
import Button from '@/components/Button';
|
||||
import SessionExpired from '@/components/SessionExpired';
|
||||
|
|
@ -37,23 +35,24 @@ const Welcome = () => {
|
|||
}
|
||||
|
||||
return (
|
||||
<div className={styles.container}>
|
||||
<div className={classNames(styles.container, styles[theme])}>
|
||||
<div className={styles.header}>
|
||||
<Logo className={styles.logo} />
|
||||
</div>
|
||||
<main>
|
||||
{theme === AppearanceMode.LightMode ? <WelcomeIcon /> : <WelcomeDark />}
|
||||
<div className={styles.title}>{t('welcome.title')}</div>
|
||||
<div className={styles.description}>{t('welcome.description')}</div>
|
||||
<Button
|
||||
className={styles.button}
|
||||
size="large"
|
||||
type="primary"
|
||||
title="admin_console.welcome.create_account"
|
||||
onClick={() => {
|
||||
void signIn(new URL(href, window.location.origin).toString());
|
||||
}}
|
||||
/>
|
||||
<div className={styles.content}>
|
||||
<div className={styles.title}>{t('welcome.title')}</div>
|
||||
<div className={styles.description}>{t('welcome.description')}</div>
|
||||
<Button
|
||||
className={styles.button}
|
||||
size="large"
|
||||
type="branding"
|
||||
title="admin_console.welcome.create_account"
|
||||
onClick={() => {
|
||||
void signIn(new URL(href, window.location.origin).toString());
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
);
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue