Lea/web-apps
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

[common] For Bug 59787

Browse source
This commit is contained in:
SergeyEzhin 2022-12-20 18:52:16 +04:00
parent d823738849
commit d7bdee36bf
6 changed files with 168 additions and 133 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

129
apps/common/mobile/lib/view/About.jsx
View file

@ -2,6 +2,7 @@ import React, { Fragment } from 'react';
import { observer, inject } from "mobx-react";
import { Page, Navbar, Link } from "framework7-react";
import { useTranslation } from "react-i18next";
import { Device } from '../../utils/device';
const PageAbout = props => {
const { t } = useTranslation();
@ -18,7 +19,7 @@ const PageAbout = props => {
const infoCustomer = customer ? customer.info : null;
const logoCustomer = customer ? customer.logo : null;
const publisherUrl = __PUBLISHER_URL__,
const publisherUrl = __PUBLISHER_URL__,
publisherPrintUrl = publisherUrl.replace(/https?:\/{2}|\/$/g,"");
const publisherName = __PUBLISHER_NAME__.replace(/\\"/g, '"');
@ -31,93 +32,87 @@ const PageAbout = props => {
const nameEditor = (_t.textEditor || editors[editorType]).toUpperCase();
return (
<Page className="about">
<Page className={Device.phone ? "about about_phone" : "about about_tablet"}>
<Navbar title={_t.textAbout} backLink={_t.textBack} />
{licInfo && typeof licInfo == 'object' && typeof(customer) == 'object' ? (
<Fragment>
<div className="content-block">
<div className="logo-block">
{logoCustomer && logoCustomer.length ? (
<div id="settings-about-logo" className="settings-about-logo">
<div id="settings-about-logo" className="logo-block__elem">
<img src={logoCustomer} alt="" />
</div>
) : null}
</div>
<div className="content-block">
<h3>{nameEditor}</h3>
<h3>{_t.textVersion} {__PRODUCT_VERSION__}</h3>
<div className="about__editor">
<p className="about__text">{nameEditor}</p>
<p className="about__text">{_t.textVersion} {__PRODUCT_VERSION__}</p>
</div>
<div className="content-block">
{nameCustomer && nameCustomer.length ? (
<h3 id="settings-about-name" className="vendor">{nameCustomer}</h3>
) : null}
{addressCustomer && addressCustomer.length ? (
<p>
<label>{_t.textAddress}:</label>
{mailCustomer || phoneCustomer ? (
<div className="about__customer">
{mailCustomer && mailCustomer.length ? (
<p className="about__text">
<Link id="settings-about-email" external={true} href={"mailto:"+mailCustomer}>{mailCustomer}</Link>
</p>
) : null}
{phoneCustomer && phoneCustomer.length ? (
<p className="about__text">
<Link id="settings-about-tel" external={true} href={"tel:"+phoneCustomer}>{phoneCustomer}</Link>
</p>
) : null}
</div>
) : null}
{addressCustomer && addressCustomer.length ? (
<div className="about__customer">
<p className="about__text">
<Link id="settings-about-address" external={true}>{addressCustomer}</Link>
</p>
</div>
) : null}
{nameCustomer || infoCustomer || urlCustomer ? (
<div className="about__customer">
{nameCustomer && nameCustomer.length ? (
<p id="settings-about-name" className="about__text">{nameCustomer}</p>
) : null}
{infoCustomer && infoCustomer.length ? (
<p className="about__text">{infoCustomer}</p>
) : null}
{urlCustomer && urlCustomer.length ? (
<p className="about__text">
<Link id="settings-about-url" external={true} target="_blank"
href={!/^https?:\/{2}/i.test(urlCustomer) ? "http:\/\/" : '' + urlCustomer}>
{urlCustomer}
</Link>
</p>
) : null}
{mailCustomer && mailCustomer.length ? (
<p>
<label>{_t.textEmail}:</label>
<Link id="settings-about-email" external={true} href={"mailto:"+mailCustomer}>{mailCustomer}</Link>
</p>
) : null}
{phoneCustomer && phoneCustomer.length ? (
<p>
<label>{_t.textTel}:</label>
<Link id="settings-about-tel" external={true} href={"tel:"+phoneCustomer}>{phoneCustomer}</Link>
</p>
) : null}
{urlCustomer && urlCustomer.length ? (
<p>
<Link id="settings-about-url" external={true} target="_blank"
href={!/^https?:\/{2}/i.test(urlCustomer) ? "http:\/\/" : '' + urlCustomer}>
{urlCustomer}
</Link>
</p>
) : null}
{infoCustomer && infoCustomer.length ? (
<p>
<label id="settings-about-info">{infoCustomer}</label>
</p>
) : null}
</div>
<div className="content-block" id="settings-about-licensor">
<div className="content-block-inner"></div>
<p>
<label>{_t.textPoweredBy}</label>
</div>
) : null}
<div className="about__contacts">
<p className="about__text" id="settings-about-address">
{__PUBLISHER_ADDRESS__}
</p>
<h3 className="vendor">{publisherName}</h3>
<p>
</div>
<div className="about__licensor" id="settings-about-licensor">
<p className="about__text">{publisherName}</p>
<p className="about__text">
<Link external={true} target="_blank" href={publisherUrl}>{publisherPrintUrl}</Link>
</p>
</div>
</Fragment>
) : (
<Fragment>
<div className="content-block">
<div className="logo"></div>
<div className="about__logo"></div>
<div className="about__editor">
<p className="about__text">{nameEditor}</p>
<p className="about__text">{_t.textVersion} {__PRODUCT_VERSION__}</p>
</div>
<div className="content-block">
<h3>{nameEditor}</h3>
<h3>{_t.textVersion} {__PRODUCT_VERSION__}</h3>
<div className="about__contacts">
<p className="about__text" id="settings-about-address">
{__PUBLISHER_ADDRESS__}
</p>
</div>
<div className="content-block">
<h3 id="settings-about-name" className="vendor">{publisherName}</h3>
<p>
<label>{_t.textAddress}:</label>
<a id="settings-about-address" className="external">{__PUBLISHER_ADDRESS__}</a>
</p>
<p>
<label>{_t.textEmail}:</label>
<Link id="settings-about-email" external={true} href={`mailto:${__SUPPORT_EMAIL__}`}>{__SUPPORT_EMAIL__}</Link>
</p>
<p>
<label>{_t.textTel}:</label>
<Link id="settings-about-tel" external={true} href={`tel:${__PUBLISHER_PHONE__}`}>{__PUBLISHER_PHONE__}</Link>
</p>
<p>
<div className="about__licensor">
<p className="about__text" id="settings-about-name">{publisherName}</p>
<p className="about__text">
<Link id="settings-about-url" external={true} target="_blank" href={publisherUrl}>{publisherPrintUrl}</Link>
</p>
</div>

24
apps/common/mobile/resources/img/about/logo-new-white.svg Normal file
View file

@ -0,0 +1,24 @@
<svg width="187" height="80" viewBox="0 0 187 80" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M107.133 71.7924C107.133 73.5073 106.683 74.8051 105.784 75.6859C104.884 76.562 103.563 77 101.82 77H99.3738V66.7804H102.135C103.766 66.7804 105.005 67.2068 105.854 68.0596C106.706 68.9124 107.133 70.1567 107.133 71.7924ZM106.357 71.8203C106.357 70.357 105.984 69.2573 105.238 68.521C104.498 67.78 103.407 67.4095 101.967 67.4095H100.087V76.3709H101.778C104.831 76.3709 106.357 74.854 106.357 71.8203Z" fill="white"/>
<path d="M118.072 71.8762C118.072 73.4979 117.667 74.7818 116.856 75.7278C116.045 76.6691 114.927 77.1398 113.501 77.1398C112.08 77.1398 110.963 76.6691 110.153 75.7278C109.342 74.7818 108.936 73.4933 108.936 71.8623C108.936 70.2359 109.344 68.9567 110.16 68.0247C110.98 67.088 112.098 66.6197 113.515 66.6197C114.941 66.6197 116.057 67.0903 116.863 68.0317C117.669 68.9683 118.072 70.2499 118.072 71.8762ZM109.712 71.8762C109.712 73.3395 110.038 74.4719 110.691 75.2734C111.343 76.0703 112.28 76.4688 113.501 76.4688C114.731 76.4688 115.67 76.0726 116.318 75.2804C116.97 74.4882 117.296 73.3535 117.296 71.8762C117.296 70.4037 116.97 69.2759 116.318 68.493C115.67 67.7055 114.736 67.3117 113.515 67.3117C112.299 67.3117 111.36 67.7078 110.698 68.5C110.041 69.2922 109.712 70.4176 109.712 71.8762Z" fill="white"/>
<path d="M124.79 67.2767C123.508 67.2767 122.499 67.6868 121.763 68.507C121.027 69.3272 120.659 70.4503 120.659 71.8762C120.659 73.3348 121.006 74.4672 121.7 75.2734C122.395 76.0796 123.387 76.4827 124.678 76.4827C125.536 76.4827 126.323 76.3732 127.041 76.1542V76.7833C126.365 77.021 125.522 77.1398 124.51 77.1398C123.075 77.1398 121.945 76.6761 121.12 75.7488C120.295 74.8214 119.883 73.5259 119.883 71.8623C119.883 70.8231 120.079 69.9074 120.47 69.1151C120.866 68.3229 121.432 67.7125 122.169 67.2837C122.91 66.8503 123.769 66.6336 124.748 66.6336C125.745 66.6336 126.638 66.82 127.425 67.1929L127.139 67.8359C126.393 67.4631 125.61 67.2767 124.79 67.2767Z" fill="white"/>
<path d="M136.834 66.7804V73.3931C136.834 74.5674 136.494 75.4855 135.813 76.1472C135.133 76.8089 134.185 77.1398 132.968 77.1398C131.785 77.1398 130.86 76.8089 130.193 76.1472C129.532 75.4808 129.201 74.5535 129.201 73.3651V66.7804H129.921V73.3931C129.921 74.3764 130.193 75.143 130.738 75.6929C131.284 76.2381 132.055 76.5107 133.052 76.5107C134.026 76.5107 134.781 76.2427 135.317 75.7068C135.853 75.1663 136.121 74.4183 136.121 73.463V66.7804H136.834Z" fill="white"/>
<path d="M144.118 77L140.308 67.5633H140.252C140.289 68.1412 140.308 68.733 140.308 69.3388V77H139.623V66.7804H140.727L144.348 75.7697H144.39L148.011 66.7804H149.088V77H148.368V69.2549C148.368 68.7144 148.396 68.1552 148.451 67.5773H148.396L144.572 77H144.118Z" fill="white"/>
<path d="M157.567 77H151.982V66.7804H157.567V67.4375H152.694V71.303H157.294V71.9601H152.694V76.3429H157.567V77Z" fill="white"/>
<path d="M167.311 77H166.591L160.537 67.9268H160.482C160.537 69.008 160.565 69.8235 160.565 70.3734V77H159.88V66.7804H160.593L166.64 75.8396H166.682C166.64 75.0008 166.619 74.204 166.619 73.449V66.7804H167.311V77Z" fill="white"/>
<path d="M172.875 77H172.155V67.4515H168.835V66.7804H176.195V67.4515H172.875V77Z" fill="white"/>
<path d="M183.36 74.3647C183.36 75.2175 183.046 75.8932 182.417 76.3919C181.792 76.8905 180.96 77.1398 179.921 77.1398C178.672 77.1398 177.715 77.0023 177.048 76.7274V76.0144C177.784 76.3266 178.723 76.4827 179.865 76.4827C180.704 76.4827 181.368 76.2917 181.857 75.9095C182.351 75.5228 182.598 75.0171 182.598 74.3927C182.598 74.0059 182.517 73.6867 182.354 73.435C182.191 73.1787 181.925 72.9457 181.557 72.736C181.189 72.5263 180.648 72.3003 179.935 72.058C178.891 71.6992 178.169 71.3124 177.768 70.8976C177.372 70.4782 177.174 69.9213 177.174 69.227C177.174 68.4627 177.472 67.8406 178.069 67.3606C178.67 66.876 179.441 66.6336 180.382 66.6336C181.342 66.6336 182.244 66.8154 183.088 67.1789L182.829 67.794C181.981 67.4398 181.17 67.2628 180.396 67.2628C179.641 67.2628 179.04 67.4375 178.593 67.787C178.146 68.1365 177.922 68.6118 177.922 69.213C177.922 69.5905 177.989 69.9004 178.125 70.1427C178.264 70.385 178.49 70.604 178.803 70.7998C179.115 70.9908 179.651 71.2215 180.41 71.4918C181.207 71.7667 181.806 72.0347 182.207 72.2956C182.608 72.552 182.899 72.8455 183.081 73.1764C183.267 73.5026 183.36 73.8987 183.36 74.3647Z" fill="white"/>
<path d="M84.7491 66.0992H91.4194V67.7954H87.0331V70.4894H91.0301V72.1606H87.0331V75.1788H91.4194V76.8501H84.7491V66.0992Z" fill="white"/>
<path d="M82.9323 66.3491V68.2199C82.543 68.0952 82.1277 67.9954 81.7124 67.9205C81.2712 67.8457 80.804 67.8208 80.3109 67.8208C79.117 67.8208 78.2086 68.17 77.5857 68.8684C76.9628 69.5668 76.6254 70.4648 76.6254 71.5374C76.6254 72.5601 76.9109 73.4331 77.5078 74.1316C78.1048 74.83 78.9613 75.1792 80.1033 75.1792C80.4926 75.1792 80.9078 75.1543 81.375 75.1044C81.8422 75.0545 82.3094 74.9298 82.8025 74.7053L82.9582 76.5262C82.8804 76.5511 82.7766 76.601 82.6468 76.626C82.517 76.6509 82.3613 76.7008 82.1796 76.7507C81.8682 76.8006 81.5307 76.8754 81.1155 76.9253C80.7002 76.9752 80.259 77.0001 79.7918 77.0001C79.7399 77.0001 79.662 77.0001 79.6101 77.0001C79.5582 77.0001 79.4804 77.0001 79.4285 76.9752C78.1307 76.9003 76.9628 76.4514 75.8727 75.5783C74.8086 74.7302 74.2635 73.3833 74.2635 71.5624C74.2635 69.7913 74.7826 68.4444 75.8468 67.4716C76.9109 66.4987 78.3124 66.0248 80.0773 66.0248C80.5445 66.0248 80.9598 66.0498 81.3491 66.0747C81.7384 66.0996 82.1277 66.1745 82.4911 66.2493C82.5689 66.2742 82.6468 66.2992 82.7506 66.2992C82.7506 66.3241 82.8544 66.3491 82.9323 66.3491Z" fill="white"/>
<path d="M70.0331 76.8501V66.0992H72.3171V76.8501H70.0331Z" fill="white"/>
<path d="M62.4803 66.0992H68.7353V67.9201H64.7384V70.5393H68.5536V72.3352H64.7384V76.8501H62.4803V66.0992Z" fill="white"/>
<path d="M54.5383 66.0992H60.8193V67.9201H56.8223V70.5393H60.6116V72.3352H56.8223V76.8501H54.5383V66.0992Z" fill="white"/>
<path d="M42.0803 71.4877C42.0803 69.6668 42.6254 68.2948 43.7154 67.3719C44.8055 66.449 46.0773 66 47.5307 66C48.9842 66 50.2559 66.449 51.346 67.3719C52.4361 68.2948 52.9811 69.6668 52.9811 71.4877C52.9811 73.3086 52.4361 74.6805 51.346 75.6034C50.2559 76.5263 48.9842 76.9753 47.5307 76.9753C46.0773 76.9753 44.8055 76.5263 43.7154 75.6034C42.6254 74.6805 42.0803 73.3086 42.0803 71.4877ZM44.4422 71.4877C44.4422 72.7348 44.6757 73.6827 45.1689 74.2564C45.662 74.8551 46.1811 75.2043 46.778 75.3789C46.9078 75.4038 47.0376 75.4288 47.1674 75.4537C47.2971 75.4787 47.4269 75.4787 47.5307 75.4787C47.6605 75.4787 47.7903 75.4787 47.92 75.4537C48.0498 75.4288 48.1796 75.4038 48.3093 75.3789C48.8803 75.2292 49.3994 74.8551 49.8926 74.2564C50.3597 73.6578 50.6193 72.7598 50.6193 71.5126C50.6193 70.2654 50.3857 69.3674 49.8926 68.7688C49.4254 68.1701 48.8803 67.8209 48.3093 67.6463C48.1796 67.5964 48.0498 67.5715 47.92 67.5715C47.7903 67.5465 47.6605 67.5465 47.5307 67.5465C47.4009 67.5465 47.2712 67.5465 47.1674 67.5715C47.0376 67.5964 46.9078 67.6214 46.778 67.6463C46.2071 67.796 45.662 68.1701 45.1689 68.7688C44.7017 69.3425 44.4422 70.2405 44.4422 71.4877Z" fill="white"/>
<path d="M31.9322 66.1002H34.5536L36.8376 69.8917L37.201 70.6151H37.2529L37.6162 69.8917L39.9521 66.1002H42.3399L38.317 72.4859V76.851H36.033V72.4609L31.9322 66.1002Z" fill="white"/>
<path d="M26.5856 66.1002H28.8436V75.0551H33.3077V76.851H26.5856V66.1002Z" fill="white"/>
<path d="M14.6206 66.1002H17.5534L21.4206 72.885L22.0176 74.3317H22.0695L22.0176 72.436V66.1002H24.2756V76.851H21.3428L17.4496 69.8169L16.8786 68.6196H16.8267L16.8786 70.5402V76.851H14.6206V66.1002Z" fill="white"/>
<path d="M2.5 71.4881C2.5 69.6672 3.04504 68.2953 4.13512 67.3724C5.2252 66.4494 6.49696 66.0004 7.9504 66.0004C9.40384 66.0004 10.6756 66.4494 11.7657 67.3724C12.8558 68.2953 13.4008 69.6672 13.4008 71.4881C13.4008 73.309 12.8558 74.6809 11.7657 75.6038C10.6756 76.5268 9.40384 76.9758 7.9504 76.9758C6.49696 76.9758 5.2252 76.5268 4.13512 75.6038C3.07099 74.6809 2.5 73.309 2.5 71.4881ZM4.88779 71.4881C4.88779 72.7353 5.12138 73.6832 5.61451 74.2569C6.10764 74.8555 6.62673 75.2047 7.22368 75.3793C7.35345 75.4043 7.48322 75.4292 7.61299 75.4542C7.74276 75.4791 7.87254 75.4791 7.97635 75.4791C8.10613 75.4791 8.2359 75.4791 8.36567 75.4542C8.49544 75.4292 8.62521 75.4043 8.75498 75.3793C9.32598 75.2297 9.84506 74.8555 10.3382 74.2569C10.8054 73.6582 11.0649 72.7602 11.0649 71.513C11.0649 70.2658 10.8313 69.3679 10.3382 68.7692C9.87101 68.1706 9.32598 67.8213 8.75498 67.6467C8.62521 67.5969 8.49544 67.5719 8.36567 67.5719C8.2359 67.547 8.10613 67.547 7.97635 67.547C7.84658 67.547 7.71681 67.547 7.61299 67.5719C7.48322 67.5969 7.35345 67.6218 7.22368 67.6467C6.65268 67.7964 6.10764 68.1706 5.61451 68.7692C5.12138 69.3429 4.88779 70.2409 4.88779 71.4881Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M90.6387 51.3873L67.9496 41.0935C66.0168 40.1948 66.0168 38.806 67.9496 37.989L75.8487 34.3944L90.5546 41.0935C92.4874 41.9922 95.5966 41.9922 97.4454 41.0935L112.151 34.3944L120.05 37.989C121.983 38.8877 121.983 40.2765 120.05 41.0935L97.3613 51.3873C95.5966 52.2042 92.4874 52.2042 90.6387 51.3873Z" fill="#FF6F3D"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M90.5651 38.6492L67.9452 28.3434C66.0183 27.4437 66.0183 26.0533 67.9452 25.2353L75.6527 21.7183L90.5651 28.507C92.492 29.4067 95.5918 29.4067 97.4349 28.507L112.347 21.7183L120.055 25.2353C121.982 26.135 121.982 27.5255 120.055 28.3434L97.4349 38.6492C95.508 39.5489 92.4082 39.5489 90.5651 38.6492Z" fill="#95C038"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M90.5651 26.0433L67.9452 15.8859C66.0183 14.9991 66.0183 13.6286 67.9452 12.8225L90.5651 2.66507C92.492 1.77831 95.5918 1.77831 97.4349 2.66507L120.055 12.8225C121.982 13.7093 121.982 15.0797 120.055 15.8859L97.4349 26.0433C95.508 26.8494 92.4082 26.8494 90.5651 26.0433Z" fill="#5DC0E8"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 9.6 KiB

24
apps/common/mobile/resources/img/about/logo-new.svg Normal file
View file

@ -0,0 +1,24 @@
<svg width="187" height="80" viewBox="0 0 187 80" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M107.133 71.7924C107.133 73.5073 106.683 74.8051 105.784 75.6859C104.884 76.562 103.563 77 101.82 77H99.3738V66.7804H102.135C103.766 66.7804 105.005 67.2068 105.854 68.0596C106.706 68.9124 107.133 70.1567 107.133 71.7924ZM106.357 71.8203C106.357 70.357 105.984 69.2573 105.238 68.521C104.498 67.78 103.407 67.4095 101.967 67.4095H100.087V76.3709H101.778C104.831 76.3709 106.357 74.854 106.357 71.8203Z" fill="black" fill-opacity="0.6"/>
<path d="M118.072 71.8762C118.072 73.4979 117.667 74.7818 116.856 75.7278C116.045 76.6691 114.927 77.1398 113.501 77.1398C112.08 77.1398 110.963 76.6691 110.153 75.7278C109.342 74.7818 108.936 73.4933 108.936 71.8623C108.936 70.2359 109.344 68.9567 110.16 68.0247C110.98 67.088 112.098 66.6197 113.515 66.6197C114.941 66.6197 116.057 67.0903 116.863 68.0317C117.669 68.9683 118.072 70.2499 118.072 71.8762ZM109.712 71.8762C109.712 73.3395 110.038 74.4719 110.691 75.2734C111.343 76.0703 112.28 76.4688 113.501 76.4688C114.731 76.4688 115.67 76.0726 116.318 75.2804C116.97 74.4882 117.296 73.3535 117.296 71.8762C117.296 70.4037 116.97 69.2759 116.318 68.493C115.67 67.7055 114.736 67.3117 113.515 67.3117C112.299 67.3117 111.36 67.7078 110.698 68.5C110.041 69.2922 109.712 70.4176 109.712 71.8762Z" fill="black" fill-opacity="0.6"/>
<path d="M124.79 67.2767C123.508 67.2767 122.499 67.6868 121.763 68.507C121.027 69.3272 120.659 70.4503 120.659 71.8762C120.659 73.3348 121.006 74.4672 121.7 75.2734C122.395 76.0796 123.387 76.4827 124.678 76.4827C125.536 76.4827 126.323 76.3732 127.041 76.1542V76.7833C126.365 77.021 125.522 77.1398 124.51 77.1398C123.075 77.1398 121.945 76.6761 121.12 75.7488C120.295 74.8214 119.883 73.5259 119.883 71.8623C119.883 70.8231 120.079 69.9074 120.47 69.1151C120.866 68.3229 121.432 67.7125 122.169 67.2837C122.91 66.8503 123.769 66.6336 124.748 66.6336C125.745 66.6336 126.638 66.82 127.425 67.1929L127.139 67.8359C126.393 67.4631 125.61 67.2767 124.79 67.2767Z" fill="black" fill-opacity="0.6"/>
<path d="M136.834 66.7804V73.3931C136.834 74.5674 136.494 75.4855 135.813 76.1472C135.133 76.8089 134.185 77.1398 132.968 77.1398C131.785 77.1398 130.86 76.8089 130.193 76.1472C129.532 75.4808 129.201 74.5535 129.201 73.3651V66.7804H129.921V73.3931C129.921 74.3764 130.193 75.143 130.738 75.6929C131.284 76.2381 132.055 76.5107 133.052 76.5107C134.026 76.5107 134.781 76.2427 135.317 75.7068C135.853 75.1663 136.121 74.4183 136.121 73.463V66.7804H136.834Z" fill="black" fill-opacity="0.6"/>
<path d="M144.118 77L140.308 67.5633H140.252C140.289 68.1412 140.308 68.733 140.308 69.3388V77H139.623V66.7804H140.727L144.348 75.7697H144.39L148.011 66.7804H149.088V77H148.368V69.2549C148.368 68.7144 148.396 68.1552 148.451 67.5773H148.396L144.572 77H144.118Z" fill="black" fill-opacity="0.6"/>
<path d="M157.567 77H151.982V66.7804H157.567V67.4375H152.694V71.303H157.294V71.9601H152.694V76.3429H157.567V77Z" fill="black" fill-opacity="0.6"/>
<path d="M167.311 77H166.591L160.537 67.9268H160.482C160.537 69.008 160.565 69.8235 160.565 70.3734V77H159.88V66.7804H160.593L166.64 75.8396H166.682C166.64 75.0008 166.619 74.204 166.619 73.449V66.7804H167.311V77Z" fill="black" fill-opacity="0.6"/>
<path d="M172.875 77H172.155V67.4515H168.835V66.7804H176.195V67.4515H172.875V77Z" fill="black" fill-opacity="0.6"/>
<path d="M183.36 74.3647C183.36 75.2175 183.046 75.8932 182.417 76.3919C181.792 76.8905 180.96 77.1398 179.921 77.1398C178.672 77.1398 177.715 77.0023 177.048 76.7274V76.0144C177.784 76.3266 178.723 76.4827 179.865 76.4827C180.704 76.4827 181.368 76.2917 181.857 75.9095C182.351 75.5228 182.598 75.0171 182.598 74.3927C182.598 74.0059 182.517 73.6867 182.354 73.435C182.191 73.1787 181.925 72.9457 181.557 72.736C181.189 72.5263 180.648 72.3003 179.935 72.058C178.891 71.6992 178.169 71.3124 177.768 70.8976C177.372 70.4782 177.174 69.9213 177.174 69.227C177.174 68.4627 177.472 67.8406 178.069 67.3606C178.67 66.876 179.441 66.6336 180.382 66.6336C181.342 66.6336 182.244 66.8154 183.088 67.1789L182.829 67.794C181.981 67.4398 181.17 67.2628 180.396 67.2628C179.641 67.2628 179.04 67.4375 178.593 67.787C178.146 68.1365 177.922 68.6118 177.922 69.213C177.922 69.5905 177.989 69.9004 178.125 70.1427C178.264 70.385 178.49 70.604 178.803 70.7998C179.115 70.9908 179.651 71.2215 180.41 71.4918C181.207 71.7667 181.806 72.0347 182.207 72.2956C182.608 72.552 182.899 72.8455 183.081 73.1764C183.267 73.5026 183.36 73.8987 183.36 74.3647Z" fill="black" fill-opacity="0.6"/>
<path d="M84.7491 66.0992H91.4193V67.7954H87.0331V70.4894H91.03V72.1606H87.0331V75.1788H91.4193V76.8501H84.7491V66.0992Z" fill="#333333"/>
<path d="M82.9323 66.3491V68.2199C82.543 68.0952 82.1278 67.9954 81.7125 67.9205C81.2713 67.8457 80.8041 67.8208 80.311 67.8208C79.1171 67.8208 78.2087 68.17 77.5858 68.8684C76.9629 69.5668 76.6255 70.4648 76.6255 71.5374C76.6255 72.5601 76.9109 73.4331 77.5079 74.1316C78.1048 74.83 78.9613 75.1792 80.1033 75.1792C80.4926 75.1792 80.9079 75.1543 81.3751 75.1044C81.8423 75.0545 82.3094 74.9298 82.8026 74.7053L82.9583 76.5262C82.8804 76.5511 82.7766 76.601 82.6468 76.626C82.5171 76.6509 82.3613 76.7008 82.1797 76.7507C81.8682 76.8006 81.5308 76.8754 81.1155 76.9253C80.7003 76.9752 80.259 77.0001 79.7919 77.0001C79.74 77.0001 79.6621 77.0001 79.6102 77.0001C79.5583 77.0001 79.4804 77.0001 79.4285 76.9752C78.1308 76.9003 76.9629 76.4514 75.8728 75.5783C74.8087 74.7302 74.2636 73.3833 74.2636 71.5624C74.2636 69.7913 74.7827 68.4444 75.8468 67.4716C76.9109 66.4987 78.3125 66.0248 80.0774 66.0248C80.5445 66.0248 80.9598 66.0498 81.3491 66.0747C81.7384 66.0996 82.1278 66.1745 82.4911 66.2493C82.569 66.2742 82.6468 66.2992 82.7507 66.2992C82.7507 66.3241 82.8545 66.3491 82.9323 66.3491Z" fill="#333333"/>
<path d="M70.0331 76.8501V66.0992H72.3171V76.8501H70.0331Z" fill="#333333"/>
<path d="M62.4804 66.0992H68.7354V67.9201H64.7384V70.5393H68.5537V72.3352H64.7384V76.8501H62.4804V66.0992Z" fill="#333333"/>
<path d="M54.5383 66.0992H60.8193V67.9201H56.8223V70.5393H60.6116V72.3352H56.8223V76.8501H54.5383V66.0992Z" fill="#333333"/>
<path d="M42.0803 71.4877C42.0803 69.6668 42.6254 68.2948 43.7154 67.3719C44.8055 66.449 46.0773 66 47.5307 66C48.9842 66 50.2559 66.449 51.346 67.3719C52.4361 68.2948 52.9811 69.6668 52.9811 71.4877C52.9811 73.3086 52.4361 74.6805 51.346 75.6034C50.2559 76.5263 48.9842 76.9753 47.5307 76.9753C46.0773 76.9753 44.8055 76.5263 43.7154 75.6034C42.6254 74.6805 42.0803 73.3086 42.0803 71.4877ZM44.4422 71.4877C44.4422 72.7348 44.6757 73.6827 45.1689 74.2564C45.662 74.8551 46.1811 75.2043 46.778 75.3789C46.9078 75.4038 47.0376 75.4288 47.1674 75.4537C47.2971 75.4787 47.4269 75.4787 47.5307 75.4787C47.6605 75.4787 47.7903 75.4787 47.92 75.4537C48.0498 75.4288 48.1796 75.4038 48.3093 75.3789C48.8803 75.2292 49.3994 74.8551 49.8926 74.2564C50.3597 73.6578 50.6193 72.7598 50.6193 71.5126C50.6193 70.2654 50.3857 69.3674 49.8926 68.7688C49.4254 68.1701 48.8803 67.8209 48.3093 67.6463C48.1796 67.5964 48.0498 67.5715 47.92 67.5715C47.7903 67.5465 47.6605 67.5465 47.5307 67.5465C47.4009 67.5465 47.2712 67.5465 47.1674 67.5715C47.0376 67.5964 46.9078 67.6214 46.778 67.6463C46.2071 67.796 45.662 68.1701 45.1689 68.7688C44.7017 69.3425 44.4422 70.2405 44.4422 71.4877Z" fill="#333333"/>
<path d="M31.9322 66.1002H34.5536L36.8376 69.8917L37.201 70.6151H37.2529L37.6162 69.8917L39.9521 66.1002H42.3399L38.317 72.4859V76.851H36.033V72.4609L31.9322 66.1002Z" fill="#333333"/>
<path d="M26.5855 66.1002H28.8435V75.0551H33.3077V76.851H26.5855V66.1002Z" fill="#333333"/>
<path d="M14.6206 66.1002H17.5534L21.4206 72.885L22.0176 74.3317H22.0695L22.0176 72.436V66.1002H24.2756V76.851H21.3428L17.4496 69.8169L16.8786 68.6196H16.8267L16.8786 70.5402V76.851H14.6206V66.1002Z" fill="#333333"/>
<path d="M2.5 71.4881C2.5 69.6672 3.04504 68.2953 4.13512 67.3724C5.2252 66.4494 6.49696 66.0004 7.9504 66.0004C9.40384 66.0004 10.6756 66.4494 11.7657 67.3724C12.8558 68.2953 13.4008 69.6672 13.4008 71.4881C13.4008 73.309 12.8558 74.6809 11.7657 75.6038C10.6756 76.5268 9.40384 76.9758 7.9504 76.9758C6.49696 76.9758 5.2252 76.5268 4.13512 75.6038C3.07099 74.6809 2.5 73.309 2.5 71.4881ZM4.88779 71.4881C4.88779 72.7353 5.12138 73.6832 5.61451 74.2569C6.10764 74.8555 6.62673 75.2047 7.22368 75.3793C7.35345 75.4043 7.48322 75.4292 7.61299 75.4542C7.74276 75.4791 7.87254 75.4791 7.97635 75.4791C8.10613 75.4791 8.2359 75.4791 8.36567 75.4542C8.49544 75.4292 8.62521 75.4043 8.75498 75.3793C9.32598 75.2297 9.84506 74.8555 10.3382 74.2569C10.8054 73.6582 11.0649 72.7602 11.0649 71.513C11.0649 70.2658 10.8313 69.3679 10.3382 68.7692C9.87101 68.1706 9.32598 67.8213 8.75498 67.6467C8.62521 67.5969 8.49544 67.5719 8.36567 67.5719C8.2359 67.547 8.10613 67.547 7.97635 67.547C7.84658 67.547 7.71681 67.547 7.61299 67.5719C7.48322 67.5969 7.35345 67.6218 7.22368 67.6467C6.65268 67.7964 6.10764 68.1706 5.61451 68.7692C5.12138 69.3429 4.88779 70.2409 4.88779 71.4881Z" fill="#333333"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M90.6387 51.3873L67.9496 41.0935C66.0168 40.1948 66.0168 38.806 67.9496 37.989L75.8487 34.3944L90.5546 41.0935C92.4874 41.9922 95.5966 41.9922 97.4454 41.0935L112.151 34.3944L120.05 37.989C121.983 38.8877 121.983 40.2765 120.05 41.0935L97.3613 51.3873C95.5966 52.2042 92.4874 52.2042 90.6387 51.3873Z" fill="#FF6F3D"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M90.5651 38.6492L67.9452 28.3434C66.0183 27.4437 66.0183 26.0533 67.9452 25.2353L75.6527 21.7183L90.5651 28.507C92.492 29.4067 95.5918 29.4067 97.4349 28.507L112.347 21.7183L120.055 25.2353C121.982 26.135 121.982 27.5255 120.055 28.3434L97.4349 38.6492C95.508 39.5489 92.4082 39.5489 90.5651 38.6492Z" fill="#95C038"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M90.5651 26.0433L67.9452 15.8859C66.0183 14.9991 66.0183 13.6286 67.9452 12.8225L90.5651 2.66507C92.492 1.77831 95.5918 1.77831 97.4349 2.66507L120.055 12.8225C121.982 13.7093 121.982 15.0797 120.055 15.8859L97.4349 26.0433C95.508 26.8494 92.4082 26.8494 90.5651 26.0433Z" fill="#5DC0E8"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 9.8 KiB

107
apps/common/mobile/resources/less/about.less
View file

@ -2,65 +2,74 @@
// @common-image-path - defined in webpack config
.about {
padding-bottom: 30px;
.page-content {
text-align: center /*rtl:ignore*/;
}
.content-block:first-child {
margin: 15px 0 /*rtl:append20px*/;
}
.content-block {
margin: 0 auto 15px;
a {
color: @text-normal;
}
}
.settings-about-logo {
display: flex;
justify-content: center;
img {
max-width: 100%;
height: auto;
}
flex-direction: column;
}
h3 {
font-weight: normal;
margin: 0;
color: @text-secondary;
&.vendor {
color: @text-normal;
font-weight: bold;
margin-top: 15px;
}
&_phone {
padding-top: 178px;
}
p > label {
color: @text-normal;
margin-right: 5px;
color: @text-secondary;
}
.logo {
display: inline-block;
width: 100%;
height: 55px;
background: ~"url(@{common-image-path}/about/logo_s.svg) no-repeat center";
}
.theme-type-dark {
.about .logo {
background: ~"url(@{common-image-path}/about/logo-white_s.svg) no-repeat center";
}
&_tablet {
// padding-top: 104px;
padding-top: 12px;
padding-bottom: 12px;
}
&__text {
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 16px;
text-align: center;
color: @text-normal;
margin: 0;
}
a {
color: @brandColor;
}
.logo-block {
&__elem {
display: flex;
justify-content: center;
img {
max-width: 100%;
height: auto;
}
}
}
&__logo {
width: 100%;
height: 80px;
background: ~"url(@{common-image-path}/about/logo-new.svg) no-repeat center";
}
&__editor {
flex-grow: 1;
margin-top: 20px;
}
&__contacts {
text-align: center;
padding-left: 72px;
padding-right: 72px;
}
&__licensor, &__customer {
text-align: center;
margin-top: 12px;
}
}
.theme-type-dark {
.about .logo {
background: ~"url(@{common-image-path}/about/logo-white_s.svg) no-repeat center";
.about__logo {
background: ~"url(@{common-image-path}/about/logo-new-white.svg) no-repeat center";
}
}

6
apps/common/mobile/resources/less/common-ios.less
View file

@ -366,12 +366,6 @@
}
}
.about {
.logo {
margin-top: 20px;
}
}
.content-block {
color: @blockTitleColor;
}

11
apps/common/mobile/resources/less/common.less
View file

@ -279,17 +279,6 @@
}
}
.about {
.content-block {
margin: 0 auto 15px;
p:last-child a{
color: var(--brand-word);
text-decoration: underline;
}
}
}
.content-block {
margin: 32px 0;
padding: 0 16px;