Skip to content

K
kus-admin
Commit 839c18fc by talequale
Options

account nav and no-cards state

parent 4ebadc4b
Showing with 382 additions and 10 deletions
public/uploads/images/assistant-nocards-mob.svg 0 → 100644
<svg width="280" height="224" viewBox="0 0 280 224" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M140.151 211.447C200.398 211.447 249.237 169.044 249.237 116.738C249.237 64.4319 200.398 22.0292 140.151 22.0292C79.9047 22.0292 31.0653 64.4319 31.0653 116.738C31.0653 169.044 79.9047 211.447 140.151 211.447Z" fill="#F6F6F6"/>
<path d="M219.652 67.5683H195.205C190.283 67.5683 186.29 62.9276 186.29 57.3041C186.29 51.6261 190.283 47.04 195.205 47.04H219.652C224.574 47.04 228.566 51.6807 228.566 57.3041C228.621 62.9276 224.574 67.5683 219.652 67.5683Z" fill="white"/>
<path d="M263.816 169.048H235.541C229.853 169.048 225.259 163.534 225.259 156.764C225.259 149.994 229.908 144.48 235.541 144.48H263.816C269.504 144.48 274.098 149.994 274.098 156.764C274.152 163.534 269.504 169.048 263.816 169.048Z" fill="white"/>
<path d="M78.4237 67.5061H35.0539C26.3581 67.5061 19.1936 60.4085 19.1936 51.6731C19.1936 42.9922 26.3034 35.84 35.0539 35.84H78.4237C87.1195 35.84 94.284 42.9376 94.284 51.6731C94.1746 60.4085 87.0648 67.5061 78.4237 67.5061Z" fill="white"/>
<path d="M51.464 136.592H13.7821C6.23474 136.592 0 130.423 0 122.834C0 115.3 6.18005 109.076 13.7821 109.076H51.464C59.0113 109.076 65.246 115.245 65.246 122.834C65.1913 130.423 59.0113 136.592 51.464 136.592Z" fill="white"/>
<path d="M243.493 91.6046H215.218C209.53 91.6046 204.936 86.9639 204.936 81.3404C204.936 75.6623 209.585 71.0762 215.218 71.0762H243.493C249.181 71.0762 253.775 75.7169 253.775 81.3404C253.83 86.9093 249.181 91.6046 243.493 91.6046Z" fill="white"/>
<path d="M152.886 195.775H138.338V198.014H152.886V195.775Z" fill="#FCC900"/>
<path d="M113.947 195.775H99.3988V198.014H113.947V195.775Z" fill="#FCC900"/>
<path d="M126.361 106.782C122.314 106.782 118.869 104.216 117.611 100.613H135.112C133.854 104.216 130.408 106.782 126.361 106.782Z" fill="white"/>
<path d="M165.738 128.075L165.301 130.095L163.222 130.587L165.301 131.023L165.738 133.098L166.23 131.023L168.309 130.587L166.285 130.15L165.738 128.075Z" fill="#F9E011"/>
<path d="M233.132 211H48.8682C41.2243 211 35 205.839 35 199.5C35 193.161 41.2243 188 48.8682 188L233.132 188C240.776 188 247 193.161 247 199.5C246.945 205.839 240.721 211 233.132 211Z" fill="white"/>
<g filter="url(#filter0_d)">
<path d="M105.329 140.451L94.2253 140.402V176.948C94.2253 183.955 105.197 187.41 111.542 182.495L105.395 177.386V140.451H105.329Z" fill="#FFDECC"/>
<path d="M169.707 143.225L180.811 143.177V179.722C180.811 186.73 169.839 190.185 163.494 185.27L169.641 180.16V143.225H169.707Z" fill="#FFDECC"/>
<path d="M154.166 112.258C141.965 115.239 133.335 113.451 121.431 111.066C109.528 108.682 115.48 92.588 115.48 92.588H160.713C160.713 92.588 166.367 109.278 154.166 112.258Z" fill="#231E1A"/>
<path d="M128.554 118.191C131.476 115.315 130.918 105.292 130.273 100.64C132.207 101.345 136.677 102.839 139.083 103.178C141.49 103.516 144.957 101.627 146.389 100.64C145.458 108.112 146.647 122.843 158.852 121.997C174.109 120.94 178.003 123.266 180.999 126.226C185.036 130.216 184.638 149.275 182.704 154.984C180.77 160.693 164.796 154.35 143.308 154.984C121.82 155.618 99.9538 154.032 98.2347 151.494C96.5156 148.957 92.8835 137.856 95.0323 129.609C97.1811 121.363 105.562 121.997 110.934 121.997C116.306 121.997 124.901 121.786 128.554 118.191Z" fill="url(#paint0_linear)"/>
<g filter="url(#filter1_d)">
<path d="M95.0336 128.457C97.1824 120.328 105.563 120.954 110.935 120.954C115.201 120.954 125.746 131.715 138.019 131.715C147.838 131.715 157.901 122.783 166.577 120.954C178.85 120.954 178.753 121.615 181.748 124.533C185.785 128.466 184.543 144.355 183.533 151.464C182.641 157.748 183.533 171.214 168.362 171.214C159.393 171.008 121.297 171.025 114.816 171.214C97.86 171.214 96.0754 164.032 94.2905 151.464C93.2706 144.283 92.8848 136.586 95.0336 128.457Z" fill="#AFCA0B"/>
</g>
<path d="M114.68 58.0852C114.68 46.7532 124.651 37.5668 136.951 37.5668H139.92C152.22 37.5668 162.19 46.7532 162.19 58.0852V85.443C162.19 92.9686 157.361 100.302 150.366 105.381C143.38 110.454 133.774 109.881 126.595 105.084C118.513 99.6841 115.348 93.4729 114.68 85.443V58.0852Z" fill="url(#paint1_linear)"/>
<path d="M136.662 97.6068C135.65 97.9544 135.363 97.8543 133.71 97.6068C134.153 97.89 135.339 98.6087 136.135 98.6087C137.13 98.6087 137.662 99.0335 138.822 99.0335V97.6068C138.822 97.6068 137.653 97.2664 136.662 97.6068Z" fill="#E98484"/>
<path d="M140.718 97.6078C141.73 97.9553 142.017 97.8553 143.67 97.6078C143.228 97.891 142.042 98.6097 141.245 98.6097C140.25 98.6097 139.719 99.0345 138.558 99.0345V97.6078C138.558 97.6078 139.727 97.2673 140.718 97.6078Z" fill="#E98484"/>
<path d="M138.918 98.8314C136.189 98.8314 134.309 97.8709 133.71 97.3906C134.369 98.0843 136.332 99.4718 138.918 99.4718C141.504 99.4718 142.989 98.0843 143.408 97.3906C143.049 97.8709 141.648 98.8314 138.918 98.8314Z" fill="#E98484" stroke="#E98484" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M153.185 53.1594C146.023 60.1854 134.917 68.5137 117.233 72.8578C116.376 77.8585 116.046 92.5042 121.587 111.082L104.332 107.644C101.891 92.779 99.7788 60.4453 109.119 46.142C120.403 28.8636 136.307 28.4751 151.652 36.4443C155.53 36.1708 161.866 37.1829 165.321 42.032C172.643 52.3072 177.171 71.5958 173.806 90.5022C170.893 104.173 171.426 101.232 169.081 108.616L154.041 112.315C156.482 107.657 161.126 94.6827 160.176 80.0506C159.3 66.55 155.436 57.0266 153.185 53.1594Z" fill="url(#paint2_linear)"/>
<path d="M120.92 76.5116C119.06 76.6598 117.432 76.5736 116.967 76.3267C117.665 77.3143 118.806 78.734 120.222 78.734C123.245 78.734 124.639 77.8081 126.964 77.9933C128.824 78.1414 130.994 79.0426 131.847 79.4747C131.847 79.2896 131.196 78.3635 128.592 76.8821C125.337 75.0303 123.245 76.3265 120.92 76.5116Z" fill="#28292B"/>
<path d="M155.272 76.4094C157.132 76.5329 158.759 76.461 159.224 76.2553C158.527 77.0783 157.386 78.2614 155.97 78.2614C152.947 78.2614 151.552 77.4898 149.227 77.6441C147.367 77.7676 145.197 78.5186 144.345 78.8786C144.345 78.7243 144.996 77.9526 147.6 76.7181C150.855 75.1749 152.947 76.2551 155.272 76.4094Z" fill="#28292B"/>
<path d="M115.581 75.1504V77.1205H116.726V81.5859C116.726 84.738 119.337 87.2335 122.485 87.2335H129.249C132.262 87.2335 134.673 84.8694 134.673 81.9143V77.7771H142.039V81.5859C142.039 84.738 144.651 87.2335 147.799 87.2335H154.562C157.576 87.2335 159.987 84.8694 159.987 81.9143V77.1861H161.068V75.1504H115.581ZM133.535 81.98C133.535 84.2784 131.592 86.1828 129.249 86.1828H122.485C119.94 86.1828 117.864 84.147 117.864 81.6516V76.2668H133.535V81.98ZM158.848 81.98C158.848 84.2784 156.906 86.1828 154.562 86.1828H147.799C145.254 86.1828 143.178 84.147 143.178 81.6516V76.2668H158.848V81.98Z" fill="black"/>
<path d="M138.677 91.1433C137.993 91.1433 137.31 91.0685 136.626 90.844C136.284 90.7691 136.132 90.395 136.246 90.0957C136.36 89.7964 136.664 89.6467 136.968 89.7589C138.069 90.0957 139.247 90.0957 140.386 89.7589C140.69 89.6841 140.994 89.8338 141.108 90.0957C141.222 90.395 141.07 90.7691 140.728 90.8814C140.044 91.0685 139.361 91.1433 138.677 91.1433Z" fill="#E9AB84"/>
<path d="M163.848 43.5686H114.251L130.558 20.0017C131.296 18.9474 132.65 18.6994 133.696 19.3816L135.973 21.5522C137.511 22.9786 139.911 23.0406 141.449 21.6142L143.849 19.4436C144.895 18.7614 146.249 19.0095 146.987 20.0017L163.848 43.5686Z" fill="#006C43"/>
<path d="M167.171 47.2969L140.108 52.9389C138.915 53.1668 137.659 53.1668 136.529 52.9389L108.713 47.2399L116.687 35.3291L137.973 32.0237L161.633 35.3291L167.171 47.2969Z" fill="#AFCA0B"/>
<path d="M169.702 50.0156L140.555 56.0167C139.27 56.2592 137.917 56.2592 136.7 56.0167L106.74 49.9549L115.329 37.2858L138.255 33.77L162.534 37.2858L169.702 50.0156Z" fill="black"/>
<path d="M169.634 48.5013L140.577 54.0165C139.296 54.2393 137.948 54.2393 136.734 54.0165L106.869 48.4456L115.431 36.8024L138.285 33.5713L162.488 36.8024L169.634 48.5013Z" fill="#006C43"/>
<path d="M150.777 79.0412C152.827 79.0412 154.488 79.8726 154.488 78.8248C154.488 77.7771 152.827 76.9277 150.777 76.9277C148.728 76.9277 147.066 77.7771 147.066 78.8248C147.066 79.8726 148.728 79.0412 150.777 79.0412Z" fill="black"/>
<path d="M124.492 79.0412C126.287 79.0412 127.743 79.8726 127.743 78.8248C127.743 77.7771 126.287 76.9277 124.492 76.9277C122.696 76.9277 121.24 77.7771 121.24 78.8248C121.24 79.8726 122.696 79.0412 124.492 79.0412Z" fill="black"/>
<path d="M92.9393 169.447H106.671L109.971 124.411C109.971 122.523 108.454 120.995 106.581 120.995C95.7892 120.995 92.9393 129.664 92.9393 140.541V169.447Z" fill="#AFCA0B"/>
<path d="M110.041 165.418H91V171.46H110.041V165.418Z" fill="#AFCA0B"/>
<path d="M186.738 169.447H173.007L169.707 124.411C169.707 122.523 171.223 120.995 173.096 120.995C183.888 120.995 186.738 129.664 186.738 140.541V169.447Z" fill="#AFCA0B"/>
<path d="M169.635 165.418H188.676V171.46H169.635V165.418Z" fill="#AFCA0B"/>
<path d="M172.882 195.797C172.882 181.297 170.828 194.05 169.991 189.769C168.925 183.848 168.621 141.331 168.621 141.331V121.143C168.621 121.143 159.184 121.071 158.956 121L140.7 145.217H138.062L118.166 121.143H108.881V141.331C108.881 141.331 109.186 183.848 108.12 189.769C107.359 194.05 105 187.112 105 187.611L105 195.797H172.882Z" fill="#006C43"/>
<path d="M137.864 136.24H140.861V194.5H137.864V136.24Z" fill="#AFCA0B"/>
<path d="M127.991 73.9429H123.371C122.843 73.9429 122.384 73.4809 122.384 72.9478C122.384 72.4147 122.843 71.9527 123.371 71.9527H127.991C128.52 71.9527 128.978 72.4147 128.978 72.9478C128.978 73.4809 128.555 73.9429 127.991 73.9429Z" fill="#4C3F3F"/>
<path d="M127.99 73.2673H123.371C122.947 73.2673 122.595 72.983 122.454 72.592C122.419 72.6987 122.383 72.8053 122.383 72.9119C122.383 73.445 122.842 73.907 123.371 73.907H127.99C128.519 73.907 128.977 73.445 128.977 72.9119C128.977 72.8053 128.942 72.6631 128.907 72.592C128.801 72.983 128.448 73.2673 127.99 73.2673Z" fill="#2B2727"/>
<path d="M151.968 73.9429H147.348C146.819 73.9429 146.361 73.4809 146.361 72.9478C146.361 72.4147 146.819 71.9527 147.348 71.9527H151.968C152.496 71.9527 152.955 72.4147 152.955 72.9478C152.955 73.4809 152.532 73.9429 151.968 73.9429Z" fill="#4C3F3F"/>
<path d="M151.968 73.2673H147.348C146.925 73.2673 146.573 72.983 146.431 72.592C146.396 72.6987 146.361 72.8053 146.361 72.9119C146.361 73.445 146.819 73.907 147.348 73.907H151.968C152.496 73.907 152.955 73.445 152.955 72.9119C152.955 72.8053 152.92 72.6631 152.884 72.592C152.779 72.983 152.426 73.2673 151.968 73.2673Z" fill="#2B2727"/>
<ellipse cx="155.882" cy="146.228" rx="2.1157" ry="2.13231" fill="#AFCA0B"/>
<path d="M161.992 146.583H149.419C148.314 146.583 147.419 147.478 147.419 148.583V155.244C147.419 156.349 148.314 157.244 149.419 157.244H161.992C163.096 157.244 163.992 156.349 163.992 155.244V148.583C163.992 147.478 163.096 146.583 161.992 146.583Z" fill="white"/>
<g filter="url(#filter2_d)">
<path d="M154.218 114.964L154.438 115.038C157.527 116.228 160.983 114.592 162.086 111.469L166.572 99.3458C167.749 96.2222 166.131 92.7267 163.042 91.6111L162.822 91.5367C159.733 90.3467 156.277 91.9829 155.174 95.1066L150.688 107.229C149.585 110.279 151.129 113.774 154.218 114.964Z" fill="#FFDECC"/>
</g>
<g filter="url(#filter3_d)">
<path d="M121.679 112.896L121.467 112.968C118.506 114.124 115.192 112.535 114.134 109.5L109.833 97.724C108.705 94.6896 110.256 91.2939 113.218 90.2102L113.429 90.138C116.391 88.982 119.704 90.5714 120.762 93.6058L125.063 105.382C126.121 108.344 124.569 111.74 121.679 112.896Z" fill="#FFDECC"/>
</g>
<path d="M112.465 178.689L125.791 112.844C126.499 109.402 124.433 106.161 121.203 105.466C117.969 104.843 114.789 107.054 114.081 110.496L100.759 176.269C100.052 179.711 102.117 182.951 105.347 183.646C108.577 184.342 111.834 182.063 112.465 178.689Z" fill="#FFDECC"/>
<path d="M163.219 182.077L148.852 115.844C148.083 112.39 150.267 109.029 153.622 108.347C156.976 107.664 160.301 109.82 161.071 113.274L175.362 179.512C176.132 182.965 173.947 186.327 170.593 187.009C167.244 187.765 163.914 185.536 163.219 182.077Z" fill="#FFDECC"/>
</g>
<path d="M225.62 76.472C239.217 76.472 250.24 65.4327 250.24 51.815C250.24 38.1973 239.217 27.158 225.62 27.158C212.023 27.158 201 38.1973 201 51.815C201 65.4327 212.023 76.472 225.62 76.472Z" fill="#EFEEEE"/>
<path d="M225.62 70.3514C237.288 70.3514 246.747 60.878 246.747 49.1919C246.747 37.5058 237.288 28.0323 225.62 28.0323C213.951 28.0323 204.492 37.5058 204.492 49.1919C204.492 60.878 213.951 70.3514 225.62 70.3514Z" fill="white"/>
<path d="M225.62 51.2027C226.729 51.2027 227.628 50.3024 227.628 49.1917C227.628 48.081 226.729 47.1807 225.62 47.1807C224.511 47.1807 223.612 48.081 223.612 49.1917C223.612 50.3024 224.511 51.2027 225.62 51.2027Z" fill="#1A1A1A"/>
<path d="M225.62 29.955C236.184 29.955 244.827 38.6111 244.827 49.1909C244.827 59.7707 236.184 68.4269 225.62 68.4269C215.056 68.4269 206.413 59.7707 206.413 49.1909C206.413 38.6111 215.056 29.955 225.62 29.955ZM225.62 26.0203C212.874 26.0203 202.485 36.4252 202.485 49.1909C202.485 61.9566 212.874 72.3615 225.62 72.3615C238.367 72.3615 248.756 61.9566 248.756 49.1909C248.756 36.4252 238.454 26.0203 225.62 26.0203Z" fill="#AFCA0B"/>
<path opacity="0.15" d="M242.035 32.7544C233.042 23.7485 218.375 23.7485 209.295 32.7544C200.216 41.7604 200.303 56.4497 209.295 65.543" fill="white"/>
<path d="M225.622 32.3168V33.8906" stroke="#E0D1BF" stroke-width="0.5702" stroke-miterlimit="10"/>
<path d="M225.621 64.406V65.9799" stroke="#E0D1BF" stroke-width="0.5702" stroke-miterlimit="10"/>
<path d="M234.003 34.5911L233.304 35.9026" stroke="#E0D1BF" stroke-width="0.5702" stroke-miterlimit="10"/>
<path d="M218.026 62.3964L217.24 63.708" stroke="#E0D1BF" stroke-width="0.5702" stroke-miterlimit="10"/>
<path d="M240.198 40.7113L238.889 41.4982" stroke="#E0D1BF" stroke-width="0.5702" stroke-miterlimit="10"/>
<path d="M212.436 56.7996L211.127 57.5865" stroke="#E0D1BF" stroke-width="0.5702" stroke-miterlimit="10"/>
<path d="M242.47 49.1922H240.898" stroke="#E0D1BF" stroke-width="0.5702" stroke-miterlimit="10"/>
<path d="M210.428 49.1919H208.857" stroke="#E0D1BF" stroke-width="0.5702" stroke-miterlimit="10"/>
<path d="M240.2 57.5864L238.89 56.7995" stroke="#E0D1BF" stroke-width="0.5702" stroke-miterlimit="10"/>
<path d="M212.438 41.4979L211.128 40.7109" stroke="#E0D1BF" stroke-width="0.5702" stroke-miterlimit="10"/>
<path d="M234.003 63.7079L233.305 62.3963" stroke="#E0D1BF" stroke-width="0.5702" stroke-miterlimit="10"/>
<path d="M218.026 35.9023L217.24 34.5908" stroke="#E0D1BF" stroke-width="0.5702" stroke-miterlimit="10"/>
<path d="M225.62 49.1929V36.0775" stroke="#1A1A1A" stroke-width="0.8553" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M225.62 49.1917L237.144 42.634" stroke="#1A1A1A" stroke-width="0.1426" stroke-miterlimit="10" stroke-linecap="round"/>
<path d="M225.619 49.1919L216.54 54.4381" stroke="#1A1A1A" stroke-width="0.8553" stroke-miterlimit="10" stroke-linecap="round"/>
<rect x="27.0968" y="183.249" width="225.806" height="8.58707" fill="#C4C4C4"/>
<rect x="40.1871" y="191.836" width="199.626" height="5.28435" fill="url(#paint3_linear)"/>
<defs>
<filter id="filter0_d" x="89" y="7" width="117.676" height="196.797" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dx="8" dy="-2"/>
<feGaussianBlur stdDeviation="5"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.2625 0 0 0 0 0.234062 0 0 0 0 0.234062 0 0 0 0.15 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter1_d" x="83.47" y="114.942" width="111.069" height="70.2713" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="5"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter2_d" x="146.333" y="89.1474" width="20.6242" height="28.2804" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dx="-2"/>
<feGaussianBlur stdDeviation="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.929167 0 0 0 0 0.425868 0 0 0 0 0.425868 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter3_d" x="109.464" y="87.7598" width="19.9316" height="27.5866" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dx="2"/>
<feGaussianBlur stdDeviation="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.929167 0 0 0 0 0.425868 0 0 0 0 0.425868 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<linearGradient id="paint0_linear" x1="139.245" y1="100.64" x2="138.003" y2="149.669" gradientUnits="userSpaceOnUse">
<stop offset="0.192708" stop-color="#ECC5A0"/>
<stop offset="0.369792" stop-color="#FDE1CE"/>
</linearGradient>
<linearGradient id="paint1_linear" x1="138.435" y1="37.5668" x2="138.435" y2="111.091" gradientUnits="userSpaceOnUse">
<stop stop-color="#F7EBD6"/>
<stop offset="1" stop-color="#FFDDCB"/>
</linearGradient>
<linearGradient id="paint2_linear" x1="137.864" y1="32.0935" x2="138.615" y2="102.515" gradientUnits="userSpaceOnUse">
<stop stop-color="#4C3F3F"/>
<stop offset="1" stop-color="#564637"/>
</linearGradient>
<linearGradient id="paint3_linear" x1="140" y1="191.836" x2="140" y2="197.12" gradientUnits="userSpaceOnUse">
<stop stop-color="#A8A7A7"/>
<stop offset="0.484375" stop-color="#DCDCDC"/>
</linearGradient>
</defs>
</svg>
src/svg/icon-base.svg 0 → 100644
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.9999 26.9895H5.06652V21.0438C5.06652 20.3758 4.53319 19.8413 3.86651 19.8413C3.19984 19.8413 2.6665 20.3758 2.6665 21.0438V28.192C2.6665 28.8601 3.19984 29.3945 3.86651 29.3945H10.9999C11.6666 29.3945 12.1999 28.8601 12.1999 28.192C12.1999 27.524 11.6666 26.9895 10.9999 26.9895Z" fill="#4591A9"/>
<path d="M3.86651 12.2256C4.53319 12.2256 5.06652 11.6911 5.06652 11.0231V5.07737H10.9999C11.6666 5.07737 12.1999 4.54293 12.1999 3.87487C12.1999 3.20681 11.6666 2.67236 10.9999 2.67236H3.86651C3.19984 2.67236 2.6665 3.20681 2.6665 3.87487V11.0231C2.6665 11.6911 3.19984 12.2256 3.86651 12.2256Z" fill="#4591A9"/>
<path d="M20.9998 5.07737H26.9332V11.0231C26.9332 11.6911 27.4665 12.2256 28.1332 12.2256C28.7999 12.2256 29.3332 11.6911 29.3332 11.0231V3.87487C29.3332 3.20681 28.7999 2.67236 28.1332 2.67236H20.9998C20.3331 2.67236 19.7998 3.20681 19.7998 3.87487C19.7998 4.54293 20.3331 5.07737 20.9998 5.07737Z" fill="#4591A9"/>
<path d="M28.1332 19.8413C27.4665 19.8413 26.9332 20.3758 26.9332 21.0438V26.9895H20.9998C20.3331 26.9895 19.7998 27.524 19.7998 28.192C19.7998 28.8601 20.3331 29.3945 20.9998 29.3945H28.1332C28.7999 29.3945 29.3332 28.8601 29.3332 28.192V21.0438C29.3332 20.3758 28.7999 19.8413 28.1332 19.8413Z" fill="#4591A9"/>
<path d="M30.7333 14.7642H26.4C25.6666 14.7642 25.1333 15.3654 25.1333 16.0335C25.1333 16.7683 25.7333 17.3028 26.4 17.3028H30.7333C31.4667 17.3028 32 16.7015 32 16.0335C32 15.2986 31.4 14.7642 30.7333 14.7642Z" fill="#4591A9"/>
<path d="M6.93339 16.0335C6.93339 15.2986 6.33339 14.7642 5.66671 14.7642H1.26668C0.600005 14.7642 0 15.2986 0 16.0335C0 16.7683 0.600005 17.3028 1.26668 17.3028H5.60005C6.33339 17.3028 6.93339 16.7683 6.93339 16.0335Z" fill="#4591A9"/>
<path d="M16.0001 25.1191C15.2667 25.1191 14.7334 25.7204 14.7334 26.3885V30.7308C14.7334 31.4657 15.3334 32.0001 16.0001 32.0001C16.7334 32.0001 17.2668 31.3989 17.2668 30.7308V26.3885C17.2668 25.7204 16.7334 25.1191 16.0001 25.1191Z" fill="#4591A9"/>
<path d="M16.0001 6.9478C16.7334 6.9478 17.2668 6.34655 17.2668 5.67849V1.26931C17.2668 0.601252 16.7334 0 16.0001 0C15.2667 0 14.7334 0.601252 14.7334 1.26931V5.61169C14.7334 6.34655 15.2667 6.9478 16.0001 6.9478Z" fill="#4591A9"/>
<path d="M15.4446 10.6108L7.67444 13.7392C7.39693 13.8783 7.39693 14.2954 7.67444 14.3649L10.8658 15.6163L10.9351 15.1296C11.0045 14.3649 11.4902 13.7392 12.2533 13.4611L15.514 12.4183C15.7221 12.3488 15.8609 12.3488 16.069 12.3488C16.2771 12.3488 16.4159 12.3488 16.624 12.4183L18.4278 12.9745V11.445C18.4278 11.3755 18.4278 11.3755 18.4278 11.306L16.624 10.5413C16.2078 10.4717 15.7915 10.4717 15.4446 10.6108Z" fill="#4591A9"/>
<path d="M21.1342 15.6165L24.3255 14.3651C24.603 14.2261 24.603 13.8089 24.3255 13.7394L20.5098 12.21V13.948C20.8566 14.2261 21.0648 14.7127 21.0648 15.1298L21.1342 15.6165Z" fill="#4591A9"/>
<path d="M18.3592 13.7394L16.3473 13.1137C16.1392 13.0441 15.8617 13.0441 15.6535 13.1137L12.3928 14.1565C11.9072 14.2955 11.6297 14.7126 11.5603 15.1993L11.144 21.039C11.144 21.3866 11.4909 21.6647 11.8378 21.5257L15.5148 20.1353C15.7923 20.0657 16.1392 20.0657 16.4167 20.1353L20.0936 21.5257C20.4405 21.6647 20.7874 21.3866 20.7874 21.039L20.5793 18.1192H18.0817L18.2898 16.4507C18.1511 16.2421 18.0123 15.964 18.0123 15.6859C18.0123 15.4079 18.0817 15.0602 18.2898 14.8517V13.7394H18.3592Z" fill="#4591A9"/>
<path d="M19.0529 16.2422L18.8448 17.4241H20.0242L19.8854 16.2422C20.0242 16.1032 20.1629 15.8946 20.1629 15.686C20.1629 15.4775 20.0242 15.2689 19.8854 15.1299V11.5148C19.8854 11.3062 19.6773 11.0977 19.4692 11.0977C19.261 11.0977 19.0529 11.3062 19.0529 11.5148V15.1299C18.8448 15.2689 18.7754 15.4775 18.7754 15.686C18.7754 15.8946 18.8448 16.1032 19.0529 16.2422Z" fill="#4591A9"/>
</svg>
src/svg/icon-result.svg 0 → 100644
<svg width="34" height="30" viewBox="0 0 34 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M33 10.3659C33 9.11707 32.1805 8.06341 31.0488 7.75122C30.8927 4.00488 27.8098 1 24.0244 1H9.97561C6.1122 1 2.95122 4.16098 2.95122 8.02439V17.1171C1.81951 17.4683 1 18.4829 1 19.7317C1 20.9805 1.81951 22.0341 2.95122 22.3463C3.10732 26.0927 6.19024 29.0976 9.97561 29.0976H24.0244C27.8878 29.0976 31.0488 25.9366 31.0488 22.0732V12.9805C32.1805 12.6293 33 11.6146 33 10.3659ZM9.97561 2.56098H24.0244C26.9512 2.56098 29.3317 4.86341 29.4878 7.75122C28.3561 8.10244 27.5366 9.11707 27.5366 10.3659C27.5366 10.7561 27.6146 11.1073 27.7707 11.4585L23.9073 16.2195C23.4 15.5171 22.5805 15.0488 21.6829 15.0488C20.5902 15.0488 19.6537 15.7122 19.1854 16.6488L14.9707 14.5415C14.7756 13.2927 13.6439 12.3171 12.3171 12.3171C10.9122 12.3171 9.78049 13.3707 9.62439 14.6976L6.03415 18.2878C5.68293 17.7415 5.13659 17.3122 4.5122 17.1171V8.02439C4.51219 5.01951 6.97073 2.56098 9.97561 2.56098ZM12.3171 16.2195C11.6537 16.2195 11.1463 15.7122 11.1463 15.0488C11.1463 14.3854 11.6537 13.878 12.3171 13.878C12.9805 13.878 13.4878 14.3854 13.4878 15.0488C13.4878 15.7122 12.9805 16.2195 12.3171 16.2195ZM13.0976 17.6634C13.839 17.4293 14.4634 16.8829 14.8146 16.1805L19.0293 18.2878C19.2244 19.3024 19.9659 20.122 20.9415 20.3951V27.5366H13.0976V17.6634ZM21.6829 18.9512C21.0195 18.9512 20.5122 18.4439 20.5122 17.7805C20.5122 17.1171 21.0195 16.6098 21.6829 16.6098C22.3463 16.6098 22.8537 17.1171 22.8537 17.7805C22.8537 18.4439 22.3463 18.9512 21.6829 18.9512ZM2.56098 19.7317C2.56098 19.0683 3.06829 18.561 3.73171 18.561C4.39512 18.561 4.90244 19.0683 4.90244 19.7317C4.90244 20.3951 4.39512 20.9024 3.73171 20.9024C3.06829 20.9024 2.56098 20.3951 2.56098 19.7317ZM4.5122 22.3463C5.52683 22.0341 6.26829 21.1756 6.42439 20.0829L10.0146 16.4927C10.3659 17.039 10.9122 17.4683 11.5366 17.6634V27.5366H9.97561C7.04878 27.5366 4.66829 25.2341 4.5122 22.3463ZM24.0244 27.5366H22.4634V20.3951C23.5171 20.0829 24.2585 19.1854 24.4146 18.0927L28.8244 12.6683C29.0195 12.7854 29.2537 12.9024 29.5268 12.9805V22.0732C29.4878 25.078 27.0293 27.5366 24.0244 27.5366ZM30.2683 11.5366C29.6049 11.5366 29.0976 11.0293 29.0976 10.3659C29.0976 9.70244 29.6049 9.19512 30.2683 9.19512C30.9317 9.19512 31.439 9.70244 31.439 10.3659C31.439 11.0293 30.9317 11.5366 30.2683 11.5366Z" fill="#C10A78" stroke="#C10A78" stroke-width="0.6"/>
</svg>
src/svg/icon-testing.svg 0 → 100644
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M2 23V2H21.7276C22.4903 2 23.2237 2.32009 23.7752 2.89373L31.083 10.4939C32.3425 11.8038 32.2986 14.008 30.9882 15.2573L29.6863 13.638C30.1231 13.2216 30.1377 12.4869 29.7179 12.0502L22.4101 4.45008C22.2263 4.25887 21.9818 4.15217 21.7276 4.15217H3.97646V20.8478H21.7522C21.9917 20.8478 22.223 20.7531 22.4032 20.5814L29.6863 13.638L30.9882 15.2573L23.7051 22.2006C23.1646 22.7159 22.4706 23 21.7522 23H2Z" fill="#34BE5B"/>
<path d="M2 1.03125C2 0.461707 2.43372 0 2.96875 0H3.03125C3.56627 0 4 0.461706 4 1.03125V30H2L2 1.03125Z" fill="#34BE5B"/>
<path d="M0.0322266 30.0605C0.0322266 29.525 0.466375 29.0908 1.00192 29.0908H6.28834C6.82388 29.0908 7.25803 29.525 7.25803 30.0605C7.25803 30.5961 6.82388 31.0302 6.28834 31.0302H1.00192C0.466375 31.0302 0.0322266 30.5961 0.0322266 30.0605Z" fill="#34BE5B"/>
<path d="M0 31C0 30.4477 0.308426 30 0.688889 30H21.3111C21.6916 30 22 30.4477 22 31C22 31.5523 21.6916 32 21.3111 32H0.688887C0.308425 32 0 31.5523 0 31Z" fill="#34BE5B"/>
<path d="M15.5 19C19.0901 19 22 16.0901 22 12.5C22 8.90988 19.0901 6 15.5 6C11.9099 6 9 8.90988 9 12.5C9.03779 16.0901 11.9477 19 15.5 19ZM15.5 7.73837C18.1453 7.73837 20.2616 9.89244 20.2616 12.5C20.2616 15.1453 18.1076 17.2616 15.5 17.2616C12.8924 17.2616 10.7384 15.1076 10.7384 12.5C10.7384 9.89244 12.8924 7.73837 15.5 7.73837Z" fill="#34BE5B"/>
<path d="M14.3502 14.6215C14.4959 14.7926 14.7145 14.8611 14.9695 14.8611C15.1881 14.8611 15.4067 14.7584 15.5889 14.6215L17.9206 12.26C18.2485 11.952 18.212 11.4386 17.8841 11.1648C17.5562 10.8568 17.0098 10.891 16.7183 11.199L14.9695 12.9445L14.3502 12.2942C14.0223 11.9862 13.5122 11.952 13.1843 12.26C12.8564 12.568 12.82 13.0472 13.1479 13.3552L14.3502 14.6215Z" fill="#34BE5B"/>
</svg>
src/svg/icon-trial.svg 0 → 100644
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 17C19.314 17 22 14.314 22 11C22 7.68605 19.314 5 16 5C12.686 5 10 7.68605 10 11C10.0349 14.314 12.7209 17 16 17ZM16 6.60465C18.4419 6.60465 20.3953 8.59302 20.3953 11C20.3953 13.4419 18.407 15.3953 16 15.3953C13.593 15.3953 11.6047 13.407 11.6047 11C11.6047 8.59302 13.593 6.60465 16 6.60465Z" fill="#EC7B3F"/>
<path d="M15.3228 12.786C15.4575 12.9625 15.6596 13.0331 15.8954 13.0331C16.0975 13.0331 16.2996 12.9272 16.4681 12.786L18.6239 10.3507C18.927 10.0331 18.8933 9.50368 18.5902 9.22132C18.287 8.90368 17.7818 8.93897 17.5123 9.25662L15.8954 11.0566L15.3228 10.386C15.0196 10.0684 14.5481 10.0331 14.2449 10.3507C13.9418 10.6684 13.9081 11.1625 14.2112 11.4801L15.3228 12.786Z" fill="#EC7B3F"/>
<path d="M30.5853 20.3412H25.4653V1.44706C25.4653 0.670588 24.8589 0 24.0842 0H2.89684C2.12211 0 1.48211 0.670588 1.48211 1.44706V6.29412H0.774737C0.336842 6.29412 0 6.64706 0 7.10588C0 7.56471 0.336842 7.91765 0.774737 7.91765H1.51579V12.2235H0.774737C0.336842 12.2235 0 12.5765 0 13.0353C0 13.4941 0.336842 13.8471 0.774737 13.8471H1.51579V18.1529H0.774737C0.336842 18.1529 0 18.5059 0 18.9647C0 19.4235 0.336842 19.7765 0.774737 19.7765H1.51579V24.0824H0.774737C0.336842 24.0824 0 24.4353 0 24.8941C0 25.3529 0.336842 25.7059 0.774737 25.7059H1.51579V30.5176C1.51579 31.3294 2.15579 32 2.93053 32H24.0842C24.8589 32 25.4653 31.3294 25.4653 30.5176V26.5176H30.5853C31.36 26.5176 32 25.8471 32 25.0353V21.8588C32 21.0118 31.36 20.3412 30.5853 20.3412ZM14.3158 24.8588L12.1263 23.4118L14.2821 21.9647H15.4274V24.8941H14.3158V24.8588ZM16.9768 21.9294L27.0484 21.8588V24.8588H16.9768V21.9294ZM3.03158 25.6353H3.77263C4.21053 25.6353 4.54737 25.2824 4.54737 24.8235C4.54737 24.3647 4.21053 24.0118 3.77263 24.0118H3.03158V19.7412H3.77263C4.21053 19.7412 4.54737 19.3882 4.54737 18.9294C4.54737 18.4706 4.21053 18.1176 3.77263 18.1176H3.03158V13.8118H3.77263C4.21053 13.8118 4.54737 13.4588 4.54737 13C4.54737 12.5412 4.21053 12.1882 3.77263 12.1882H3.03158V7.88235H3.77263C4.21053 7.88235 4.54737 7.52941 4.54737 7.07059C4.54737 6.61176 4.21053 6.25882 3.77263 6.25882H3.03158V1.58824H6.1979V30.3059H3.03158V25.6353ZM23.9495 30.3412H7.78105V1.58824H23.9495V20.3412H14.2821C14.0126 20.3412 13.7432 20.4118 13.5411 20.5529L11.1495 22.1412C10.7453 22.4235 10.4758 22.8824 10.4758 23.4118C10.4758 23.9412 10.7116 24.4 11.1495 24.6824L13.5411 26.2706C13.7768 26.4118 14.0126 26.4824 14.2821 26.4824H23.9158V30.3412H23.9495ZM28.5979 24.8588V21.8235H30.4505L30.5853 24.8588H28.5979Z" fill="#EC7B3F"/>
</svg>
src/view/block/accountNav/AccountNavigation.jsx 0 → 100644
import Button from '../../cmp/button/Button.jsx';
import Arr from '/svg/arr.svg';
import IconTest from '/svg/icon-testing.svg';
import IconTrial from '/svg/icon-trial.svg';
import IconBase from '/svg/icon-base.svg';
import IconResult from '/svg/icon-result.svg';
import './accountNavigation.scss';
const AccountNavigation = D.declare('view.block.AccountNavigation', () => {
return <div class="account-navigation">
<h2 class="account-navigation__title">Сегодня вы можете:</h2>
<ul className="account-navigation__list">
<li className="account-navigation__item">
<Button class={"button button--secondary account-navigation__button"}>
<IconTest width="32" height="32"/>
<span>Пройти итоговое тестирование</span>
<Arr width="17" height="11"/>
</Button>
</li>
<li className="account-navigation__item">
<Button class={"button button--secondary account-navigation__button"}>
<IconTrial width="32" height="32"/>
<span>Пройти пробное тестирование</span>
<Arr width="17" height="11"/>
</Button>
</li>
<li className="account-navigation__item">
<Button class={"button button--secondary account-navigation__button"}>
<IconBase width="32" height="32"/>
<span>Посмотреть базу знаний</span>
<Arr width="17" height="11"/>
</Button>
</li>
<li className="account-navigation__item">
<Button class={"button button--secondary account-navigation__button"}>
<IconResult width="32" height="32"/>
<span>Все результаты моих тестов</span>
<Arr width="17" height="11"/>
</Button>
</li>
</ul>
</div>
})
export default AccountNavigation;
export {AccountNavigation};
src/view/block/accountNav/accountNavigation.scss 0 → 100644
.account-navigation__title {
@include lesserHeadline;
margin: 0 0 20px;
padding-left: 4px;
@media (max-width: $mobile) {
display: none;
}
}
.account-navigation__list {
@include list-reset;
}
.account-navigation__item {
margin-bottom: 30px;
width: 430px;
@media (max-width: $mobile) {
margin-bottom: 21px;
width: 100%;
}
}
.account-navigation__item:last-child {
margin-bottom: 0;
}
.account-navigation__item .account-navigation__button {
padding-left: 70px;
width: 100%;
text-align: left;
@media (max-width: $mobile) {
padding-left: 60px;
padding-right: 10px;
font-size: 16px;
letter-spacing: 0.35px;
svg:last-child {
display: none;
}
}
@media (max-width: 359px) {
font-size: 15px;
letter-spacing: 0;
}
}
src/view/cmp/button/button.scss
......@@ -86,10 +86,11 @@
}
.button--secondary {
padding: 5px 44px;
padding: 6px 45px;
min-width: 200px;
color: #030303;
background-color: $bg-main;
border-width: 1px;
border-color: $bg-main;
box-shadow: 0px 4px 10px rgba(190, 190, 190, 0.5);
......@@ -106,10 +107,8 @@
}
&:focus {
padding: 6px 45px;
color: #030303;
background-color: $bg-main;
border-width: 1px;
border-color: $accent-main;
outline: none;
box-shadow: 0px 4px 10px rgba(190, 190, 190, 0.5);
......
src/view/cmp/card/card.scss
......@@ -196,3 +196,8 @@ button.card__button {
filter: grayscale(100%);
opacity: 0.5;
}
.card--disabled img {
object-fit: contain;
object-position: center;
}
src/view/cmp/cardSlider/CardSlider.scss
......@@ -15,8 +15,8 @@
}
@media (max-width: $mobile) {
margin: 0 -20px;
padding: 7px 0;
margin: 0 -20px -5px;
padding: 7px 0 0;
width: calc(100% + 40px);
}
}
......
src/view/page/account/Account.jsx
......@@ -4,6 +4,7 @@ import {AsyncAuthAjax} from "../../../controller/Ajax";
import {API} from "../../../dict/Consts";
import Card from "../../cmp/card/Card";
import CardSlider from "../../cmp/cardSlider/CardSlider";
import AccountNavigation from "../../block/accountNav/AccountNavigation.jsx";
const Account = D.declare('view.page.Account', () => {
......@@ -39,14 +40,31 @@ const Account = D.declare('view.page.Account', () => {
)
})}
/>
<div className="no-cards">
<div className="no-cards__text">
<div className="account-page__no-cards">
<div className="account-page__no-cards-info">
<div className="account-page__no-cards-item">
<Card
type={'product'}
disabled
title={'Карточек нет'}
image={'/uploads/images/card-disabled.png'}
/>
</div>
<div className="account-page__no-cards-text">
<p>Вы&nbsp;просмотрели все новые карточки этого месяца.</p>
<p>Так держать!</p>
</div>
</div>
<div className="no-cards__image">
<img src="uploads/images/assistant-nocards.svg" alt=""/>
<div className="account-page__no-cards-image">
<picture>
<source srcset="uploads/images/assistant-nocards-mob.svg" media={"(max-width: 767px"}/>
<img src="uploads/images/assistant-nocards.svg" alt=""/>
</picture>
</div>
</div>
<div className="account-page__nav">
<AccountNavigation/>
</div>
{/* {(()=> {
let c = <div/>;
(async () => {
......
src/view/page/account/accountPage.scss
......@@ -94,3 +94,95 @@
@include headline;
margin: 0 0 10px;
}
.account-page__no-cards {
display: flex;
align-items: flex-start;
margin-top: 37px;
max-width: 940px;
@media (max-width: $mobile) {
flex-direction: column;
margin-top: 0;
max-width: 100%;
}
}
.account-page__no-cards-info {
display: flex;
align-items: flex-start;
}
.account-page__no-cards-item {
flex: none;
margin-right: 38px;
margin-bottom: 30px;
@media (max-width: $desktopMin) {
margin-right: 20px;
}
@media (max-width: $mobile) {
display: none;
}
}
.account-page__no-cards-text {
@include mainBodyText;
flex: none;
padding-top: 25px;
width: 255px;
@media (max-width: $desktopMin) {
width: 200px;
}
@media (max-width: $mobile) {
padding-top: 0;
width: auto;
max-width: 100%;
}
}
.account-page__no-cards-text p {
margin: 0 0 23px;
@media (max-width: $mobile) {
margin-bottom: 10px;
}
}
.account-page__no-cards-image {
transform: translateY(-11%);
margin: 0 0 -103px auto;
max-width: calc(100% - 453px);
@media (max-width: $desktopMin) {
max-width: calc(100% - 385px);
}
@media (max-width: $mobile) {
transform: none;
margin: 0 0 14px;
width: 100%;
max-width: 100%;
}
}
.account-page__no-cards-image img {
display: block;
width: 100%;
height: auto;
@media (max-width: $mobile) {
margin: 0 auto;
width: 88%;
}
}
.account-page__nav {
@media (max-width: $mobile) {
margin: 0 -10px;
width: calc(100% + 20px);
}
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment