github
/
portainer
mirror of https://github.com/portainer/portainer
1
0
Fork 0
Code Issues Releases Wiki Activity

feat(ui/sidebar): support custom logos [EE-3753] (#7436) 

* feat(ui/sidebar): show right logos
pull/7467/head
Chaim Lev-Ari 2022-08-12 04:27:30 +03:00 committed by GitHub
parent a750259a2c
commit 92b7e64689
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
16 changed files with 469 additions and 172 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
app/assets/css/app.css
View File

@ -44,11 +44,6 @@ body,
white-space: normal !important;
}
.logo {
display: inline;
max-width: 155px;
max-height: 55px;
}
.legend .title {
padding: 0 0.3em;
margin: 0.5em;

35
app/assets/ico/logomark.svg Normal file
View File

@ -0,0 +1,35 @@
<svg width="38" height="47" viewBox="0 0 38 47" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_dd_1083_50505)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.0154 11.0576H14.4116V14.1824H15.0154V11.0576Z" fill="#13BEF9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.6118 11.0576H17.008V14.1824H17.6118V11.0576Z" fill="#13BEF9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M21.1593 5.09492L20.5404 4.02313L10.215 9.98588L10.834 11.0577L21.1593 5.09492Z" fill="#13BEF9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M21.0989 5.09492L21.7178 4.02313L32.0432 9.98588L31.4243 11.0577L21.0989 5.09492Z" fill="#13BEF9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M33.8698 11.0727V9.8349H5.5807V11.0727H33.8698Z" fill="#13BEF9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M22.6688 28.5534V10.2123H23.9067V29.444C23.5746 29.0666 23.1519 28.7949 22.6688 28.5534Z" fill="#13BEF9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.5555 28.2364V2.36261H21.7933V28.3873C21.4461 28.2213 20.6008 28.2364 20.5555 28.2364Z" fill="#13BEF9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.82625 30.8177C7.31669 29.7006 6.32039 27.9193 6.32039 25.8965C6.32039 24.8247 6.6072 23.7681 7.13555 22.8472H17.7024C18.2459 23.7681 18.5176 24.8247 18.5176 25.8965C18.5176 26.8325 18.3968 27.708 18.0194 28.493C17.2194 27.7231 16.0419 27.391 14.8494 27.391C12.736 27.391 10.9245 28.7043 10.4566 30.6667C10.2905 30.6516 10.1848 30.6365 10.0188 30.6365C9.61122 30.6516 9.21873 30.712 8.82625 30.8177Z" fill="#13BEF9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.0191 15.5712H10.8188V18.7865H14.0191V15.5712Z" fill="#13BEF9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.4113 15.5712H7.21101V18.7865H10.4113V15.5712Z" fill="#13BEF9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.4113 19.1489H7.21101V22.3642H10.4113V19.1489Z" fill="#13BEF9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.0191 19.1489H10.8188V22.3642H14.0191V19.1489Z" fill="#13BEF9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.6118 19.1489H14.4116V22.3642H17.6118V19.1489Z" fill="#13BEF9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.6118 13.8503H14.4116V17.0657H17.6118V13.8503Z" fill="#13BEF9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9849 31.3007C11.4227 29.444 13.0983 28.0552 15.0909 28.0552C16.374 28.0552 17.5213 28.6288 18.3062 29.5345C18.9855 29.0666 19.8007 28.7949 20.6913 28.7949C23.016 28.7949 24.903 30.6818 24.903 33.0065C24.903 33.4896 24.8275 33.9424 24.6766 34.3802C25.1898 35.0746 25.5068 35.9501 25.5068 36.8861C25.5068 39.2108 23.6199 41.0977 21.2952 41.0977C20.2687 41.0977 19.3327 40.7354 18.6081 40.1316C17.8383 41.2034 16.5853 41.9129 15.1664 41.9129C13.536 41.9129 12.1171 40.977 11.4076 39.6184C11.1208 39.6787 10.8339 39.7089 10.532 39.7089C8.20731 39.7089 6.30527 37.822 6.30527 35.4973C6.30527 33.1726 8.19222 31.2856 10.532 31.2856C10.683 31.2705 10.8339 31.2705 10.9849 31.3007Z" fill="#13BEF9"/>
</g>
<defs>
<filter id="filter0_dd_1083_50505" x="0" y="0" width="38" height="47" 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" result="hardAlpha"/>
<feOffset dy="1"/>
<feGaussianBlur stdDeviation="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.06 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1083_50505"/>
<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" result="hardAlpha"/>
<feOffset dy="1"/>
<feGaussianBlur stdDeviation="1.5"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="effect1_dropShadow_1083_50505" result="effect2_dropShadow_1083_50505"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_1083_50505" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.0 KiB

4
app/portainer/services/api/status.service.ts
View File

@ -65,6 +65,10 @@ export async function getVersionStatus() {
}
}
export function useVersionStatus() {
return useQuery(['version'], () => getVersionStatus());
}
function buildUrl(action?: string) {
let url = '/status';

2
app/react/components/buttons/Button.css
View File

@ -2,7 +2,7 @@
padding: 0;
margin: 0;
background-color: transparent;
width: 1em;
border: 0;
}
.btn-none:focus {

150
app/react/sidebar/Footer.tsx
View File

@ -1,150 +0,0 @@
import { useState } from 'react';
import { useQuery } from 'react-query';
import clsx from 'clsx';
import { Database, Hash, Server, Tag, Tool } from 'react-feather';
import { DialogOverlay } from '@reach/dialog';
import {
getStatus,
getVersionStatus,
} from '@/portainer/services/api/status.service';
import { Button } from '@@/buttons';
import { UpdateNotification } from './UpdateNotifications';
import styles from './Footer.module.css';
import '@reach/dialog/styles.css';
export function Footer() {
const [showBuildInfo, setShowBuildInfo] = useState(false);
const statusQuery = useStatus();
const versionQuery = useVersionStatus();
if (!statusQuery.data || !versionQuery.data) {
return null;
}
const { Edition, Version } = statusQuery.data;
const { ServerVersion, DatabaseVersion, Build } = versionQuery.data;
function toggleModal() {
setShowBuildInfo(!showBuildInfo);
}
return (
<>
<DialogOverlay className={styles.dialog} isOpen={showBuildInfo}>
<div className="modal-dialog">
<div className="modal-content">
<div className="modal-header">
<button type="button" className="close" onClick={toggleModal}>
×
</button>
<h5 className="modal-title">Portainer {Edition}</h5>
</div>
<div className="modal-body">
<div className={styles.versionInfo}>
<table>
<tbody>
<tr>
<td>
<span className="inline-flex items-center">
<Server size="13" className="space-right" />
Server Version: {ServerVersion}
</span>
</td>
<td>
<span className="inline-flex items-center">
<Database size="13" className="space-right" />
Database Version: {DatabaseVersion}
</span>
</td>
</tr>
<tr>
<td>
<span className="inline-flex items-center">
<Hash size="13" className="space-right" />
CI Build Number: {Build.BuildNumber}
</span>
</td>
<td>
<span>
<Tag size="13" className="space-right" />
Image Tag: {Build.ImageTag}
</span>
</td>
</tr>
</tbody>
</table>
</div>
<div className={styles.toolsList}>
<span className="inline-flex items-center">
<Tool size="13" className="space-right" />
Compilation tools:
</span>
<div className={styles.tools}>
<span className="text-muted small">
Nodejs v{Build.NodejsVersion}
</span>
<span className="text-muted small">
Yarn v{Build.YarnVersion}
</span>
<span className="text-muted small">
Webpack v{Build.WebpackVersion}
</span>
<span className="text-muted small">
Go v{Build.GoVersion}
</span>
</div>
</div>
</div>
<div className="modal-footer">
<Button className="bootbox-accept" onClick={toggleModal}>
Ok
</Button>
</div>
</div>
</div>
</DialogOverlay>
<div className={clsx(styles.root, 'text-center')}>
{process.env.PORTAINER_EDITION === 'CE' && <UpdateNotification />}
<div className="text-xs space-x-1 text-gray-5 be:text-gray-6">
<span>&copy;</span>
<span>Portainer {Edition}</span>
<span
data-cy="portainerSidebar-versionNumber"
onClick={toggleModal}
// Accessibility requirements for a clickable span
onKeyPress={toggleModal}
role="button"
tabIndex={0}
>
{Version}
</span>
{process.env.PORTAINER_EDITION === 'CE' && (
<a
href="https://www.portainer.io/install-BE-now"
className="text-blue-6 font-medium"
target="_blank"
rel="noreferrer"
>
Upgrade
</a>
)}
</div>
</div>
</>
);
}
function useStatus() {
return useQuery(['status'], () => getStatus());
}
function useVersionStatus() {
return useQuery(['version'], () => getVersionStatus());
}

126
app/react/sidebar/Footer/BuildInfoModal.tsx Normal file
View File

@ -0,0 +1,126 @@
import { useState } from 'react';
import { Database, Hash, Server, Tag, Tool } from 'react-feather';
import { DialogOverlay } from '@reach/dialog';
import {
useStatus,
useVersionStatus,
} from '@/portainer/services/api/status.service';
import { Button } from '@@/buttons';
import styles from './Footer.module.css';
export function BuildInfoModalButton() {
const [isBuildInfoVisible, setIsBuildInfoVisible] = useState(false);
const statusQuery = useStatus();
if (!statusQuery.data) {
return null;
}
const { Version } = statusQuery.data;
return (
<>
<button
type="button"
data-cy="portainerSidebar-versionNumber"
className="btn-none"
onClick={() => setIsBuildInfoVisible(true)}
>
{Version}
</button>
{isBuildInfoVisible && (
<BuildInfoModal closeModal={() => setIsBuildInfoVisible(false)} />
)}
</>
);
}
function BuildInfoModal({ closeModal }: { closeModal: () => void }) {
const versionQuery = useVersionStatus();
const statusQuery = useStatus();
if (!statusQuery.data || !versionQuery.data) {
return null;
}
const { Edition } = statusQuery.data;
const { ServerVersion, DatabaseVersion, Build } = versionQuery.data;
return (
<DialogOverlay className={styles.dialog} isOpen>
<div className="modal-dialog">
<div className="modal-content">
<div className="modal-header">
<button type="button" className="close" onClick={closeModal}>
×
</button>
<h5 className="modal-title">Portainer {Edition}</h5>
</div>
<div className="modal-body">
<div className={styles.versionInfo}>
<table>
<tbody>
<tr>
<td>
<span className="inline-flex items-center">
<Server size="13" className="space-right" />
Server Version: {ServerVersion}
</span>
</td>
<td>
<span className="inline-flex items-center">
<Database size="13" className="space-right" />
Database Version: {DatabaseVersion}
</span>
</td>
</tr>
<tr>
<td>
<span className="inline-flex items-center">
<Hash size="13" className="space-right" />
CI Build Number: {Build.BuildNumber}
</span>
</td>
<td>
<span>
<Tag size="13" className="space-right" />
Image Tag: {Build.ImageTag}
</span>
</td>
</tr>
</tbody>
</table>
</div>
<div className={styles.toolsList}>
<span className="inline-flex items-center">
<Tool size="13" className="space-right" />
Compilation tools:
</span>
<div className={styles.tools}>
<span className="text-muted small">
Nodejs v{Build.NodejsVersion}
</span>
<span className="text-muted small">
Yarn v{Build.YarnVersion}
</span>
<span className="text-muted small">
Webpack v{Build.WebpackVersion}
</span>
<span className="text-muted small">Go v{Build.GoVersion}</span>
</div>
</div>
</div>
<div className="modal-footer">
<Button className="bootbox-accept" onClick={closeModal}>
Ok
</Button>
</div>
</div>
</div>
</DialogOverlay>
);
}

0
app/react/sidebar/Footer.module.css → app/react/sidebar/Footer/Footer.module.css
View File

59
app/react/sidebar/Footer/Footer.tsx Normal file
View File

@ -0,0 +1,59 @@
import { PropsWithChildren } from 'react';
import clsx from 'clsx';
import { isBE } from '@/portainer/feature-flags/feature-flags.service';
import { UpdateNotification } from './UpdateNotifications';
import { BuildInfoModalButton } from './BuildInfoModal';
import '@reach/dialog/styles.css';
import styles from './Footer.module.css';
import Logo from './portainer_logo.svg?c';
export function Footer() {
return isBE ? <BEFooter /> : <CEFooter />;
}
function CEFooter() {
return (
<div className={clsx(styles.root, 'text-center')}>
<UpdateNotification />
<FooterContent>
<Logo width="90px" height="" />
<span>Community Edition</span>
<BuildInfoModalButton />
<a
href="https://www.portainer.io/install-BE-now"
className="text-blue-6 font-medium"
target="_blank"
rel="noreferrer"
>
Upgrade
</a>
</FooterContent>
</div>
);
}
function BEFooter() {
return (
<div className={clsx(styles.root, 'text-center')}>
<FooterContent>
<span>&copy;</span>
<span>Portainer Business Edition</span>
<BuildInfoModalButton />
</FooterContent>
</div>
);
}
function FooterContent({ children }: PropsWithChildren<unknown>) {
return (
<div className="text-[10px] space-x-1 text-gray-5 be:text-gray-6 flex items-center mx-auto justify-center">
{children}
</div>
);
}

0
app/react/sidebar/UpdateNotifications.module.css → app/react/sidebar/Footer/UpdateNotifications.module.css
View File

0
app/react/sidebar/UpdateNotifications.tsx → app/react/sidebar/Footer/UpdateNotifications.tsx
View File

1
app/react/sidebar/Footer/index.ts Normal file
View File

@ -0,0 +1 @@
export { Footer } from './Footer';

36
app/react/sidebar/Footer/portainer_logo.svg Normal file
View File

@ -0,0 +1,36 @@
<svg width="190" height="47" viewBox="0 0 190 47" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_10456_446354)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8928 10.604H10.1947V14.2623H10.8928V10.604Z" fill="#13BEF9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.8949 10.604H13.1968V14.2623H13.8949V10.604Z" fill="#13BEF9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.9967 3.6233L17.2811 2.36853L5.34241 9.3493L6.058 10.6041L17.9967 3.6233Z" fill="#13BEF9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.9269 3.6233L18.6425 2.36853L30.5812 9.3493L29.8656 10.6041L17.9269 3.6233Z" fill="#13BEF9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M32.6932 10.6218V9.17261H-0.0160522V10.6218H32.6932Z" fill="#13BEF9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.7421 31.087V9.6145H21.1733V32.1297C20.7893 31.6879 20.3006 31.3697 19.7421 31.087Z" fill="#13BEF9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.2985 30.7158V0.424561H18.7298V30.8926C18.3283 30.6982 17.3509 30.7158 17.2985 30.7158Z" fill="#13BEF9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M3.73663 33.7379C1.99121 32.4301 0.839233 30.3447 0.839233 27.9765C0.839233 26.7217 1.17086 25.4846 1.78176 24.4066H13.9997C14.628 25.4846 14.9422 26.7217 14.9422 27.9765C14.9422 29.0722 14.8026 30.0972 14.3662 31.0162C13.4412 30.1149 12.0797 29.7261 10.7008 29.7261C8.2572 29.7261 6.1627 31.2637 5.62173 33.5611C5.42973 33.5435 5.30753 33.5258 5.11553 33.5258C4.64423 33.5435 4.19043 33.6141 3.73663 33.7379Z" fill="#13BEF9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.74083 15.8883H6.04053V19.6526H9.74083V15.8883Z" fill="#13BEF9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.56933 15.8883H1.86902V19.6526H5.56933V15.8883Z" fill="#13BEF9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.56933 20.0768H1.86902V23.8411H5.56933V20.0768Z" fill="#13BEF9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.74083 20.0768H6.04053V23.8411H9.74083V20.0768Z" fill="#13BEF9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.895 20.0768H10.1947V23.8411H13.895V20.0768Z" fill="#13BEF9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.895 13.8735H10.1947V17.6379H13.895V13.8735Z" fill="#13BEF9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.2325 34.3034C6.7387 32.1296 8.6761 30.5037 10.9801 30.5037C12.4637 30.5037 13.7902 31.1753 14.6978 32.2356C15.4833 31.6878 16.4258 31.3697 17.4556 31.3697C20.1436 31.3697 22.3253 33.5788 22.3253 36.3004C22.3253 36.8659 22.2381 37.3961 22.0635 37.9086C22.657 38.7216 23.0235 39.7466 23.0235 40.8423C23.0235 43.5639 20.8417 45.773 18.1538 45.773C16.9669 45.773 15.8847 45.3489 15.0469 44.642C14.1568 45.8967 12.7081 46.7274 11.0674 46.7274C9.1823 46.7274 7.5416 45.6316 6.7213 44.0411C6.3896 44.1118 6.058 44.1471 5.70895 44.1471C3.02101 44.1471 0.821777 41.938 0.821777 39.2164C0.821777 36.4948 3.00356 34.2857 5.70895 34.2857C5.88355 34.268 6.058 34.268 6.2325 34.3034Z" fill="#13BEF9"/>
<path d="M43.964 17.8839C44.4667 17.2252 45.1513 16.6706 46.018 16.2199C46.8847 15.7692 47.864 15.5439 48.956 15.5439C50.204 15.5439 51.3393 15.8559 52.362 16.4799C53.402 17.0866 54.2167 17.9446 54.806 19.0539C55.3953 20.1632 55.69 21.4372 55.69 22.8759C55.69 24.3146 55.3953 25.6059 54.806 26.7499C54.2167 27.8766 53.402 28.7606 52.362 29.4019C51.3393 30.0259 50.204 30.3379 48.956 30.3379C47.864 30.3379 46.8933 30.1212 46.044 29.6879C45.1947 29.2372 44.5013 28.6826 43.964 28.0239V36.9159H41V15.7779H43.964V17.8839ZM52.674 22.8759C52.674 21.8879 52.466 21.0386 52.05 20.3279C51.6513 19.5999 51.114 19.0539 50.438 18.6899C49.7793 18.3086 49.0687 18.1179 48.306 18.1179C47.5607 18.1179 46.85 18.3086 46.174 18.6899C45.5153 19.0712 44.978 19.6259 44.562 20.3539C44.1633 21.0819 43.964 21.9399 43.964 22.9279C43.964 23.9159 44.1633 24.7826 44.562 25.5279C44.978 26.2559 45.5153 26.8106 46.174 27.1919C46.85 27.5732 47.5607 27.7639 48.306 27.7639C49.0687 27.7639 49.7793 27.5732 50.438 27.1919C51.114 26.7932 51.6513 26.2212 52.05 25.4759C52.466 24.7306 52.674 23.8639 52.674 22.8759Z" fill="white"/>
<path d="M64.8351 30.3379C63.4831 30.3379 62.2611 30.0346 61.1691 29.4279C60.0771 28.8039 59.2191 27.9372 58.5951 26.8279C57.9711 25.7012 57.6591 24.4012 57.6591 22.9279C57.6591 21.4719 57.9798 20.1806 58.6211 19.0539C59.2624 17.9272 60.1378 17.0606 61.2471 16.4539C62.3564 15.8472 63.5958 15.5439 64.9651 15.5439C66.3344 15.5439 67.5738 15.8472 68.6831 16.4539C69.7924 17.0606 70.6678 17.9272 71.3091 19.0539C71.9504 20.1806 72.2711 21.4719 72.2711 22.9279C72.2711 24.3839 71.9418 25.6752 71.2831 26.8019C70.6244 27.9286 69.7231 28.8039 68.5791 29.4279C67.4524 30.0346 66.2044 30.3379 64.8351 30.3379ZM64.8351 27.7639C65.5978 27.7639 66.3084 27.5819 66.9671 27.2179C67.6431 26.8539 68.1891 26.3079 68.6051 25.5799C69.0211 24.8519 69.2291 23.9679 69.2291 22.9279C69.2291 21.8879 69.0298 21.0126 68.6311 20.3019C68.2324 19.5739 67.7038 19.0279 67.0451 18.6639C66.3864 18.2999 65.6758 18.1179 64.9131 18.1179C64.1504 18.1179 63.4398 18.2999 62.7811 18.6639C62.1398 19.0279 61.6284 19.5739 61.2471 20.3019C60.8658 21.0126 60.6751 21.8879 60.6751 22.9279C60.6751 24.4706 61.0651 25.6666 61.8451 26.5159C62.6424 27.3479 63.6391 27.7639 64.8351 27.7639Z" fill="white"/>
<path d="M78.1652 17.8579C78.5985 17.1299 79.1705 16.5666 79.8812 16.1679C80.6092 15.7519 81.4672 15.5439 82.4552 15.5439V18.6119H81.7012C80.5398 18.6119 79.6558 18.9066 79.0492 19.4959C78.4598 20.0852 78.1652 21.1079 78.1652 22.5639V30.1039H75.2012V15.7779H78.1652V17.8579Z" fill="white"/>
<path d="M88.6377 18.1959V26.1259C88.6377 26.6632 88.759 27.0532 89.0017 27.2959C89.2617 27.5212 89.695 27.6339 90.3017 27.6339H92.1217V30.1039H89.7817C88.447 30.1039 87.4244 29.7919 86.7137 29.1679C86.003 28.5439 85.6477 27.5299 85.6477 26.1259V18.1959H83.9577V15.7779H85.6477V12.2159H88.6377V15.7779H92.1217V18.1959H88.6377Z" fill="white"/>
<path d="M93.8655 22.8759C93.8655 21.4372 94.16 20.1632 94.75 19.0539C95.356 17.9446 96.171 17.0866 97.194 16.4799C98.234 15.8559 99.378 15.5439 100.626 15.5439C101.752 15.5439 102.732 15.7692 103.564 16.2199C104.413 16.6532 105.089 17.1992 105.592 17.8579V15.7779H108.582V30.1039H105.592V27.9719C105.089 28.6479 104.404 29.2112 103.538 29.6619C102.671 30.1126 101.683 30.3379 100.574 30.3379C99.343 30.3379 98.216 30.0259 97.194 29.4019C96.171 28.7606 95.356 27.8766 94.75 26.7499C94.16 25.6059 93.8655 24.3146 93.8655 22.8759ZM105.592 22.9279C105.592 21.9399 105.384 21.0819 104.968 20.3539C104.569 19.6259 104.04 19.0712 103.382 18.6899C102.723 18.3086 102.012 18.1179 101.25 18.1179C100.487 18.1179 99.776 18.3086 99.118 18.6899C98.459 19.0539 97.922 19.5999 97.506 20.3279C97.107 21.0386 96.908 21.8879 96.908 22.8759C96.908 23.8639 97.107 24.7306 97.506 25.4759C97.922 26.2212 98.459 26.7932 99.118 27.1919C99.794 27.5732 100.504 27.7639 101.25 27.7639C102.012 27.7639 102.723 27.5732 103.382 27.1919C104.04 26.8106 104.569 26.2559 104.968 25.5279C105.384 24.7826 105.592 23.9159 105.592 22.9279Z" fill="white"/>
<path d="M113.983 13.88C113.445 13.88 112.995 13.698 112.631 13.334C112.267 12.97 112.085 12.5193 112.085 11.982C112.085 11.4447 112.267 10.994 112.631 10.63C112.995 10.266 113.445 10.084 113.983 10.084C114.503 10.084 114.945 10.266 115.309 10.63C115.673 10.994 115.855 11.4447 115.855 11.982C115.855 12.5193 115.673 12.97 115.309 13.334C114.945 13.698 114.503 13.88 113.983 13.88ZM115.439 15.778V30.104H112.475V15.778H115.439Z" fill="white"/>
<path d="M126.558 15.5439C127.685 15.5439 128.69 15.7779 129.574 16.2459C130.475 16.7139 131.177 17.4072 131.68 18.3259C132.183 19.2446 132.434 20.3539 132.434 21.6539V30.1039H129.496V22.0959C129.496 20.8132 129.175 19.8339 128.534 19.1579C127.893 18.4646 127.017 18.1179 125.908 18.1179C124.799 18.1179 123.915 18.4646 123.256 19.1579C122.615 19.8339 122.294 20.8132 122.294 22.0959V30.1039H119.33V15.7779H122.294V17.4159C122.779 16.8266 123.395 16.3672 124.14 16.0379C124.903 15.7086 125.709 15.5439 126.558 15.5439Z" fill="white"/>
<path d="M149.345 22.5899C149.345 23.1272 149.31 23.6126 149.241 24.0459H138.295C138.382 25.1899 138.806 26.1086 139.569 26.8019C140.332 27.4952 141.268 27.8419 142.377 27.8419C143.972 27.8419 145.098 27.1746 145.757 25.8399H148.955C148.522 27.1572 147.733 28.2406 146.589 29.0899C145.462 29.9219 144.058 30.3379 142.377 30.3379C141.008 30.3379 139.777 30.0346 138.685 29.4279C137.61 28.8039 136.761 27.9372 136.137 26.8279C135.53 25.7012 135.227 24.4012 135.227 22.9279C135.227 21.4546 135.522 20.1632 136.111 19.0539C136.718 17.9272 137.558 17.0606 138.633 16.4539C139.725 15.8472 140.973 15.5439 142.377 15.5439C143.729 15.5439 144.934 15.8386 145.991 16.4279C147.048 17.0172 147.872 17.8492 148.461 18.9239C149.05 19.9812 149.345 21.2032 149.345 22.5899ZM146.251 21.6539C146.234 20.5619 145.844 19.6866 145.081 19.0279C144.318 18.3692 143.374 18.0399 142.247 18.0399C141.224 18.0399 140.349 18.3692 139.621 19.0279C138.893 19.6692 138.46 20.5446 138.321 21.6539H146.251Z" fill="white"/>
<path d="M155.226 17.8579C155.659 17.1299 156.231 16.5666 156.942 16.1679C157.67 15.7519 158.528 15.5439 159.516 15.5439V18.6119H158.762C157.6 18.6119 156.716 18.9066 156.11 19.4959C155.52 20.0852 155.226 21.1079 155.226 22.5639V30.1039H152.262V15.7779H155.226V17.8579Z" fill="white"/>
<path d="M163.436 30.286C162.899 30.286 162.448 30.104 162.084 29.74C161.72 29.376 161.538 28.9253 161.538 28.388C161.538 27.8507 161.72 27.4 162.084 27.036C162.448 26.672 162.899 26.49 163.436 26.49C163.956 26.49 164.398 26.672 164.762 27.036C165.126 27.4 165.308 27.8507 165.308 28.388C165.308 28.9253 165.126 29.376 164.762 29.74C164.398 30.104 163.956 30.286 163.436 30.286Z" fill="white"/>
<path d="M170.02 13.88C169.482 13.88 169.032 13.698 168.668 13.334C168.304 12.97 168.122 12.5193 168.122 11.982C168.122 11.4447 168.304 10.994 168.668 10.63C169.032 10.266 169.482 10.084 170.02 10.084C170.54 10.084 170.982 10.266 171.346 10.63C171.71 10.994 171.892 11.4447 171.892 11.982C171.892 12.5193 171.71 12.97 171.346 13.334C170.982 13.698 170.54 13.88 170.02 13.88ZM171.476 15.778V30.104H168.512V15.778H171.476Z" fill="white"/>
<path d="M181.581 30.3379C180.229 30.3379 179.007 30.0346 177.915 29.4279C176.823 28.8039 175.965 27.9372 175.341 26.8279C174.717 25.7012 174.405 24.4012 174.405 22.9279C174.405 21.4719 174.726 20.1806 175.367 19.0539C176.009 17.9272 176.884 17.0606 177.993 16.4539C179.103 15.8472 180.342 15.5439 181.711 15.5439C183.081 15.5439 184.32 15.8472 185.429 16.4539C186.539 17.0606 187.414 17.9272 188.055 19.0539C188.697 20.1806 189.017 21.4719 189.017 22.9279C189.017 24.3839 188.688 25.6752 188.029 26.8019C187.371 27.9286 186.469 28.8039 185.325 29.4279C184.199 30.0346 182.951 30.3379 181.581 30.3379ZM181.581 27.7639C182.344 27.7639 183.055 27.5819 183.713 27.2179C184.389 26.8539 184.935 26.3079 185.351 25.5799C185.767 24.8519 185.975 23.9679 185.975 22.9279C185.975 21.8879 185.776 21.0126 185.377 20.3019C184.979 19.5739 184.45 19.0279 183.791 18.6639C183.133 18.2999 182.422 18.1179 181.659 18.1179C180.897 18.1179 180.186 18.2999 179.527 18.6639C178.886 19.0279 178.375 19.5739 177.993 20.3019C177.612 21.0126 177.421 21.8879 177.421 22.9279C177.421 24.4706 177.811 25.6666 178.591 26.5159C179.389 27.3479 180.385 27.7639 181.581 27.7639Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_10456_446354">
<rect width="190" height="47" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

5
app/react/sidebar/Header.module.css Normal file
View File

@ -0,0 +1,5 @@
.logo {
display: inline;
max-height: 55px;
max-width: min(100%, 230px);
}

99
app/react/sidebar/Header.tsx
View File

@ -1,37 +1,74 @@
import { ChevronsLeft, ChevronsRight } from 'react-feather';
import clsx from 'clsx';
import defaultLogo from '@/assets/images/logo_small_alt.png';
import { isBE } from '@/portainer/feature-flags/feature-flags.service';
import smallLogo from '@/assets/ico/logomark.svg';
import { Link } from '@@/Link';
import fullLogoBE from './portainer_logo-BE.svg';
import fullLogoCE from './portainer_logo-CE.svg';
import { useSidebarState } from './useSidebarState';
import styles from './Header.module.css';
interface Props {
logo?: string;
}
export function Header({ logo }: Props) {
export function Header({ logo: customLogo }: Props) {
const { toggle, isOpen } = useSidebarState();
return (
<div className="flex justify-between items-center">
<Link
to="portainer.home"
data-cy="portainerSidebar-homeImage"
className="text-2xl text-white no-underline hover:no-underline hover:text-white focus:no-underline focus:text-white focus:outline-none"
>
<img
src={logo || defaultLogo}
className="img-responsive logo"
alt={!logo ? 'portainer.io' : 'Logo'}
/>
{isOpen && 'portainer.io'}
</Link>
<div className="flex">
<div>
<Link
to="portainer.home"
data-cy="portainerSidebar-homeImage"
className="text-2xl text-white no-underline hover:no-underline hover:text-white focus:no-underline focus:text-white focus:outline-none"
>
<Logo customLogo={customLogo} isOpen={isOpen} />
</Link>
{isOpen && customLogo && (
<div
className={clsx(
'uppercase text-[9.4px] space-x-1 tracking-[.28em] pt-3',
'text-gray-3',
'th-dark:text-gray-warm-6'
)}
>
<span className="font-medium">Powered by</span>
<span className="font-semibold">
{isBE ? (
'portainer business'
) : (
<a
href="https://www.portainer.io/install-BE-now"
className={clsx(
'hover:underline',
'text-blue-6 hover:text-blue-8',
'th-dark:text-blue-7 th-dark:hover:text-blue-9'
)}
>
portainer community
</a>
)}
</span>
</div>
)}
</div>
<button
type="button"
onClick={() => toggle()}
className="w-6 h-6 flex justify-center items-center text-gray-4 be:text-gray-5 border-0 rounded text-sm bg-blue-11 hover:bg-blue-10 be:bg-gray-10 be:hover:bg-gray-8 th-dark:bg-gray-warm-11 hover:th-dark:bg-gray-warm-9 transition-colors duration-200 hover:text-white be:hover:text-white"
className={clsx(
'w-6 h-6 flex justify-center items-center border-0 rounded',
'transition-all duration-200',
'text-sm text-gray-4 be:text-gray-5 hover:text-white be:hover:text-white',
'bg-blue-11 hover:bg-blue-10 be:bg-gray-10 be:hover:bg-gray-8',
'th-dark:bg-gray-warm-11 hover:th-dark:bg-gray-warm-9',
'absolute',
{ '-right-[10px]': !isOpen, 'right-6': isOpen }
)}
aria-label="Toggle Sidebar"
title="Toggle Sidebar"
>
@ -40,3 +77,33 @@ export function Header({ logo }: Props) {
</div>
);
}
function getLogo(isOpen: boolean, customLogo?: string) {
if (customLogo) {
return customLogo;
}
if (!isOpen) {
return smallLogo;
}
return isBE ? fullLogoBE : fullLogoCE;
}
function Logo({
customLogo,
isOpen,
}: {
customLogo?: string;
isOpen: boolean;
}) {
const logo = getLogo(isOpen, customLogo);
return (
<img
src={logo}
className={clsx('img-responsive', styles.logo)}
alt="Logo"
/>
);
}

51
app/react/sidebar/portainer_logo-BE.svg Normal file
View File

@ -0,0 +1,51 @@
<svg width="190" height="46" viewBox="0 0 190 46" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_10456_446383)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8935 10.002H10.1953V13.6602H10.8935V10.002Z" fill="#13BEF9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.8954 10.002H13.1973V13.6602H13.8954V10.002Z" fill="#13BEF9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.9981 3.0204L17.2824 1.76562L5.34381 8.7464L6.0594 10.0012L17.9981 3.0204Z" fill="#13BEF9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.9277 3.0204L18.6434 1.76562L30.5821 8.7464L29.8664 10.0012L17.9277 3.0204Z" fill="#13BEF9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M32.6936 10.0195V8.57031H-0.015625V10.0195H32.6936Z" fill="#13BEF9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.7422 30.4842V9.01172H21.1734V31.5269C20.7894 31.0851 20.3007 30.767 19.7422 30.4842Z" fill="#13BEF9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.2988 30.1135V-0.177734H18.7301V30.2902C18.3286 30.0958 17.3512 30.1135 17.2988 30.1135Z" fill="#13BEF9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M3.73725 33.1359C1.99182 31.8282 0.839844 29.7428 0.839844 27.3746C0.839844 26.1198 1.17147 24.8827 1.78237 23.8047H14.0003C14.6287 24.8827 14.9429 26.1198 14.9429 27.3746C14.9429 28.4703 14.8032 29.4953 14.3669 30.4143C13.4418 29.513 12.0804 29.1242 10.7015 29.1242C8.2579 29.1242 6.1634 30.6617 5.6223 32.9592C5.4303 32.9415 5.3081 32.9239 5.1161 32.9239C4.6449 32.9415 4.1911 33.0122 3.73725 33.1359Z" fill="#13BEF9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.74131 15.2852H6.04102V19.0495H9.74131V15.2852Z" fill="#13BEF9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.5694 15.2852H1.86914V19.0495H5.5694V15.2852Z" fill="#13BEF9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.5694 19.4746H1.86914V23.2389H5.5694V19.4746Z" fill="#13BEF9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.74131 19.4746H6.04102V23.2389H9.74131V19.4746Z" fill="#13BEF9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.8956 19.4746H10.1953V23.2389H13.8956V19.4746Z" fill="#13BEF9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.8956 13.2715H10.1953V17.0358H13.8956V13.2715Z" fill="#13BEF9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.2331 33.702C6.7392 31.5282 8.6767 29.9023 10.9806 29.9023C12.4642 29.9023 13.7908 30.5739 14.6984 31.6343C15.4838 31.0864 16.4263 30.7683 17.4561 30.7683C20.1441 30.7683 22.3259 32.9774 22.3259 35.699C22.3259 36.2646 22.2386 36.7948 22.0641 37.3073C22.6575 38.1202 23.024 39.1452 23.024 40.241C23.024 42.9626 20.8423 45.1717 18.1543 45.1717C16.9674 45.1717 15.8853 44.7475 15.0475 44.0406C14.1573 45.2954 12.7086 46.126 11.0679 46.126C9.1828 46.126 7.5421 45.0303 6.7218 43.4397C6.3902 43.5104 6.0585 43.5458 5.7094 43.5458C3.0215 43.5458 0.822266 41.3367 0.822266 38.6151C0.822266 35.8934 3.00404 33.6843 5.7094 33.6843C5.884 33.6667 6.0585 33.6667 6.2331 33.702Z" fill="#13BEF9"/>
<path d="M43.964 12.9406C44.4667 12.282 45.1513 11.7273 46.018 11.2766C46.8847 10.826 47.864 10.6006 48.956 10.6006C50.204 10.6006 51.3393 10.9126 52.362 11.5366C53.402 12.1433 54.2167 13.0013 54.806 14.1106C55.3953 15.22 55.69 16.494 55.69 17.9326C55.69 19.3713 55.3953 20.6626 54.806 21.8066C54.2167 22.9333 53.402 23.8173 52.362 24.4586C51.3393 25.0826 50.204 25.3946 48.956 25.3946C47.864 25.3946 46.8933 25.178 46.044 24.7446C45.1947 24.294 44.5013 23.7393 43.964 23.0806V31.9726H41V10.8346H43.964V12.9406ZM52.674 17.9326C52.674 16.9446 52.466 16.0953 52.05 15.3846C51.6513 14.6566 51.114 14.1106 50.438 13.7466C49.7793 13.3653 49.0687 13.1746 48.306 13.1746C47.5607 13.1746 46.85 13.3653 46.174 13.7466C45.5153 14.128 44.978 14.6826 44.562 15.4106C44.1633 16.1386 43.964 16.9966 43.964 17.9846C43.964 18.9726 44.1633 19.8393 44.562 20.5846C44.978 21.3126 45.5153 21.8673 46.174 22.2486C46.85 22.63 47.5607 22.8206 48.306 22.8206C49.0687 22.8206 49.7793 22.63 50.438 22.2486C51.114 21.85 51.6513 21.278 52.05 20.5326C52.466 19.7873 52.674 18.9206 52.674 17.9326Z" fill="white"/>
<path d="M64.8351 25.3946C63.4831 25.3946 62.2611 25.0913 61.1691 24.4846C60.0771 23.8606 59.2191 22.994 58.5951 21.8846C57.9711 20.758 57.6591 19.458 57.6591 17.9846C57.6591 16.5286 57.9798 15.2373 58.6211 14.1106C59.2624 12.984 60.1378 12.1173 61.2471 11.5106C62.3564 10.904 63.5958 10.6006 64.9651 10.6006C66.3344 10.6006 67.5738 10.904 68.6831 11.5106C69.7924 12.1173 70.6678 12.984 71.3091 14.1106C71.9504 15.2373 72.2711 16.5286 72.2711 17.9846C72.2711 19.4406 71.9418 20.732 71.2831 21.8586C70.6244 22.9853 69.7231 23.8606 68.5791 24.4846C67.4524 25.0913 66.2044 25.3946 64.8351 25.3946ZM64.8351 22.8206C65.5978 22.8206 66.3084 22.6386 66.9671 22.2746C67.6431 21.9106 68.1891 21.3646 68.6051 20.6366C69.0211 19.9086 69.2291 19.0246 69.2291 17.9846C69.2291 16.9446 69.0298 16.0693 68.6311 15.3586C68.2324 14.6306 67.7038 14.0846 67.0451 13.7206C66.3864 13.3566 65.6758 13.1746 64.9131 13.1746C64.1504 13.1746 63.4398 13.3566 62.7811 13.7206C62.1398 14.0846 61.6284 14.6306 61.2471 15.3586C60.8658 16.0693 60.6751 16.9446 60.6751 17.9846C60.6751 19.5273 61.0651 20.7233 61.8451 21.5726C62.6424 22.4046 63.6391 22.8206 64.8351 22.8206Z" fill="white"/>
<path d="M78.1652 12.9146C78.5985 12.1866 79.1705 11.6233 79.8812 11.2246C80.6092 10.8086 81.4672 10.6006 82.4552 10.6006V13.6686H81.7012C80.5398 13.6686 79.6558 13.9633 79.0492 14.5526C78.4598 15.142 78.1652 16.1646 78.1652 17.6206V25.1606H75.2012V10.8346H78.1652V12.9146Z" fill="white"/>
<path d="M88.6378 13.2526V21.1826C88.6378 21.72 88.7591 22.11 89.0018 22.3526C89.2618 22.578 89.6951 22.6906 90.3018 22.6906H92.1218V25.1606H89.7818C88.4471 25.1606 87.4245 24.8486 86.7138 24.2246C86.0031 23.6006 85.6478 22.5866 85.6478 21.1826V13.2526H83.9578V10.8346H85.6478V7.27258H88.6378V10.8346H92.1218V13.2526H88.6378Z" fill="white"/>
<path d="M93.8655 17.9326C93.8655 16.494 94.16 15.22 94.75 14.1106C95.356 13.0013 96.171 12.1433 97.194 11.5366C98.234 10.9126 99.378 10.6006 100.626 10.6006C101.752 10.6006 102.732 10.826 103.564 11.2766C104.413 11.71 105.089 12.256 105.592 12.9146V10.8346H108.582V25.1606H105.592V23.0286C105.089 23.7046 104.404 24.268 103.538 24.7186C102.671 25.1693 101.683 25.3946 100.574 25.3946C99.343 25.3946 98.216 25.0826 97.194 24.4586C96.171 23.8173 95.356 22.9333 94.75 21.8066C94.16 20.6626 93.8655 19.3713 93.8655 17.9326ZM105.592 17.9846C105.592 16.9966 105.384 16.1386 104.968 15.4106C104.569 14.6826 104.04 14.128 103.382 13.7466C102.723 13.3653 102.012 13.1746 101.25 13.1746C100.487 13.1746 99.776 13.3653 99.118 13.7466C98.459 14.1106 97.922 14.6566 97.506 15.3846C97.107 16.0953 96.908 16.9446 96.908 17.9326C96.908 18.9206 97.107 19.7873 97.506 20.5326C97.922 21.278 98.459 21.85 99.118 22.2486C99.794 22.63 100.504 22.8206 101.25 22.8206C102.012 22.8206 102.723 22.63 103.382 22.2486C104.04 21.8673 104.569 21.3126 104.968 20.5846C105.384 19.8393 105.592 18.9726 105.592 17.9846Z" fill="white"/>
<path d="M113.983 8.9366C113.445 8.9366 112.995 8.7546 112.631 8.3906C112.267 8.0266 112.085 7.576 112.085 7.0386C112.085 6.50129 112.267 6.05064 112.631 5.68664C112.995 5.32264 113.445 5.14062 113.983 5.14062C114.503 5.14062 114.945 5.32264 115.309 5.68664C115.673 6.05064 115.855 6.50129 115.855 7.0386C115.855 7.576 115.673 8.0266 115.309 8.3906C114.945 8.7546 114.503 8.9366 113.983 8.9366ZM115.439 10.8346V25.1606H112.475V10.8346H115.439Z" fill="white"/>
<path d="M126.558 10.6006C127.685 10.6006 128.69 10.8346 129.574 11.3026C130.475 11.7706 131.177 12.464 131.68 13.3826C132.183 14.3013 132.434 15.4106 132.434 16.7106V25.1606H129.496V17.1526C129.496 15.87 129.175 14.8906 128.534 14.2146C127.893 13.5213 127.017 13.1746 125.908 13.1746C124.799 13.1746 123.915 13.5213 123.256 14.2146C122.615 14.8906 122.294 15.87 122.294 17.1526V25.1606H119.33V10.8346H122.294V12.4726C122.779 11.8833 123.395 11.424 124.14 11.0946C124.903 10.7653 125.709 10.6006 126.558 10.6006Z" fill="white"/>
<path d="M149.345 17.6466C149.345 18.184 149.31 18.6693 149.241 19.1026H138.295C138.382 20.2466 138.806 21.1653 139.569 21.8586C140.332 22.552 141.268 22.8986 142.377 22.8986C143.972 22.8986 145.098 22.2313 145.757 20.8966H148.955C148.522 22.214 147.733 23.2973 146.589 24.1466C145.462 24.9786 144.058 25.3946 142.377 25.3946C141.008 25.3946 139.777 25.0913 138.685 24.4846C137.61 23.8606 136.761 22.994 136.137 21.8846C135.53 20.758 135.227 19.458 135.227 17.9846C135.227 16.5113 135.522 15.22 136.111 14.1106C136.718 12.984 137.558 12.1173 138.633 11.5106C139.725 10.904 140.973 10.6006 142.377 10.6006C143.729 10.6006 144.934 10.8953 145.991 11.4846C147.048 12.074 147.872 12.906 148.461 13.9806C149.05 15.038 149.345 16.26 149.345 17.6466ZM146.251 16.7106C146.234 15.6186 145.844 14.7433 145.081 14.0846C144.318 13.426 143.374 13.0966 142.247 13.0966C141.224 13.0966 140.349 13.426 139.621 14.0846C138.893 14.726 138.46 15.6013 138.321 16.7106H146.251Z" fill="white"/>
<path d="M155.226 12.9146C155.659 12.1866 156.231 11.6233 156.942 11.2246C157.67 10.8086 158.528 10.6006 159.516 10.6006V13.6686H158.762C157.6 13.6686 156.716 13.9633 156.11 14.5526C155.52 15.142 155.226 16.1646 155.226 17.6206V25.1606H152.262V10.8346H155.226V12.9146Z" fill="white"/>
<path d="M163.436 25.3426C162.899 25.3426 162.448 25.1606 162.084 24.7966C161.72 24.4326 161.538 23.982 161.538 23.4446C161.538 22.9073 161.72 22.4566 162.084 22.0926C162.448 21.7286 162.899 21.5466 163.436 21.5466C163.956 21.5466 164.398 21.7286 164.762 22.0926C165.126 22.4566 165.308 22.9073 165.308 23.4446C165.308 23.982 165.126 24.4326 164.762 24.7966C164.398 25.1606 163.956 25.3426 163.436 25.3426Z" fill="white"/>
<path d="M170.02 8.9366C169.482 8.9366 169.032 8.7546 168.668 8.3906C168.304 8.0266 168.122 7.576 168.122 7.0386C168.122 6.50129 168.304 6.05064 168.668 5.68664C169.032 5.32264 169.482 5.14062 170.02 5.14062C170.54 5.14062 170.982 5.32264 171.346 5.68664C171.71 6.05064 171.892 6.50129 171.892 7.0386C171.892 7.576 171.71 8.0266 171.346 8.3906C170.982 8.7546 170.54 8.9366 170.02 8.9366ZM171.476 10.8346V25.1606H168.512V10.8346H171.476Z" fill="white"/>
<path d="M181.581 25.3946C180.229 25.3946 179.007 25.0913 177.915 24.4846C176.823 23.8606 175.965 22.994 175.341 21.8846C174.717 20.758 174.405 19.458 174.405 17.9846C174.405 16.5286 174.726 15.2373 175.367 14.1106C176.009 12.984 176.884 12.1173 177.993 11.5106C179.103 10.904 180.342 10.6006 181.711 10.6006C183.081 10.6006 184.32 10.904 185.429 11.5106C186.539 12.1173 187.414 12.984 188.055 14.1106C188.697 15.2373 189.017 16.5286 189.017 17.9846C189.017 19.4406 188.688 20.732 188.029 21.8586C187.371 22.9853 186.469 23.8606 185.325 24.4846C184.199 25.0913 182.951 25.3946 181.581 25.3946ZM181.581 22.8206C182.344 22.8206 183.055 22.6386 183.713 22.2746C184.389 21.9106 184.935 21.3646 185.351 20.6366C185.767 19.9086 185.975 19.0246 185.975 17.9846C185.975 16.9446 185.776 16.0693 185.377 15.3586C184.979 14.6306 184.45 14.0846 183.791 13.7206C183.133 13.3566 182.422 13.1746 181.659 13.1746C180.897 13.1746 180.186 13.3566 179.527 13.7206C178.886 14.0846 178.375 14.6306 177.993 15.3586C177.612 16.0693 177.421 16.9446 177.421 17.9846C177.421 19.5273 177.811 20.7233 178.591 21.5726C179.389 22.4046 180.385 22.8206 181.581 22.8206Z" fill="white"/>
<path d="M61.4402 35.2345C61.7911 35.2971 62.0888 35.482 62.3332 35.7891C62.5776 36.0961 62.6998 36.4439 62.6998 36.8325C62.6998 37.1646 62.612 37.4654 62.4366 37.7349C62.2674 37.9981 62.0198 38.208 61.694 38.3647C61.3681 38.5151 60.989 38.5903 60.5566 38.5903H57.9434V32.0573H60.4344C60.8793 32.0573 61.2616 32.1325 61.5812 32.2829C61.9008 32.4333 62.142 32.6369 62.305 32.8939C62.4679 33.1445 62.5494 33.4264 62.5494 33.7398C62.5494 34.1158 62.4491 34.4292 62.2486 34.6799C62.048 34.9305 61.7786 35.1154 61.4402 35.2345ZM59.015 34.8021H60.3404C60.6913 34.8021 60.9639 34.7237 61.1582 34.5671C61.3587 34.4041 61.459 34.1722 61.459 33.8714C61.459 33.5768 61.3587 33.3481 61.1582 33.1852C60.9639 33.016 60.6913 32.9314 60.3404 32.9314H59.015V34.8021ZM60.4626 37.716C60.826 37.716 61.1112 37.6283 61.318 37.4529C61.5248 37.2774 61.6282 37.033 61.6282 36.7197C61.6282 36.4001 61.5185 36.1463 61.2992 35.9583C61.0798 35.7703 60.7884 35.6763 60.425 35.6763H59.015V37.716H60.4626Z" fill="#98A2B3"/>
<path d="M67.5585 32.0573V36.2215C67.5585 36.7165 67.6869 37.0893 67.9439 37.34C68.2071 37.5906 68.5705 37.716 69.0343 37.716C69.5043 37.716 69.8677 37.5906 70.1247 37.34C70.3879 37.0893 70.5195 36.7165 70.5195 36.2215V32.0573H71.5911V36.2027C71.5911 36.7353 71.4751 37.1865 71.2433 37.5563C71.0114 37.926 70.7012 38.2016 70.3127 38.3834C69.9241 38.5651 69.4949 38.6561 69.0249 38.6561C68.5549 38.6561 68.1256 38.5651 67.7371 38.3834C67.3548 38.2016 67.0509 37.926 66.8253 37.5563C66.5997 37.1865 66.4869 36.7353 66.4869 36.2027V32.0573H67.5585Z" fill="#98A2B3"/>
<path d="M77.7709 38.6561C77.3322 38.6561 76.9374 38.5809 76.5865 38.4305C76.2356 38.2738 75.9598 38.0545 75.7593 37.7725C75.5588 37.4905 75.4585 37.1615 75.4585 36.7855H76.6053C76.6304 37.0675 76.74 37.2993 76.9343 37.4811C77.1348 37.6628 77.4137 37.7537 77.7709 37.7537C78.1406 37.7537 78.4289 37.6659 78.6357 37.4905C78.8425 37.3087 78.9459 37.0769 78.9459 36.7949C78.9459 36.5755 78.8801 36.3969 78.7485 36.2591C78.6232 36.1212 78.4634 36.0147 78.2691 35.9395C78.0811 35.8643 77.8179 35.7828 77.4795 35.6951C77.0534 35.5823 76.7056 35.4695 76.4361 35.3567C76.1729 35.2376 75.9473 35.0559 75.7593 34.8115C75.5713 34.5671 75.4773 34.2412 75.4773 33.8339C75.4773 33.4579 75.5713 33.1289 75.7593 32.8469C75.9473 32.5649 76.2105 32.3487 76.5489 32.1983C76.8873 32.0479 77.279 31.9727 77.7239 31.9727C78.3568 31.9727 78.8738 32.1325 79.2749 32.4521C79.6822 32.7654 79.9078 33.1978 79.9517 33.7493H78.7673C78.7485 33.5111 78.6357 33.3075 78.4289 33.1383C78.2221 32.9691 77.9495 32.8845 77.6111 32.8845C77.304 32.8845 77.0534 32.9628 76.8591 33.1195C76.6648 33.2761 76.5677 33.5017 76.5677 33.7963C76.5677 33.9968 76.6272 34.1629 76.7463 34.2945C76.8716 34.4198 77.0283 34.5201 77.2163 34.5953C77.4043 34.6705 77.6612 34.7519 77.9871 34.8397C78.4195 34.9587 78.7704 35.0778 79.0399 35.1969C79.3156 35.3159 79.5475 35.5008 79.7355 35.7515C79.9298 35.9959 80.0269 36.3249 80.0269 36.7385C80.0269 37.0706 79.936 37.3839 79.7543 37.6785C79.5788 37.973 79.3188 38.2111 78.9741 38.3929C78.6357 38.5683 78.2346 38.6561 77.7709 38.6561Z" fill="#98A2B3"/>
<path d="M84.9949 32.0573V38.5903H83.9233V32.0573H84.9949Z" fill="#98A2B3"/>
<path d="M94.401 38.5903H93.3297L90.1055 33.7117V38.5903H89.0339V32.0479H90.1055L93.3297 36.917V32.0479H94.401V38.5903Z" fill="#98A2B3"/>
<path d="M99.5119 32.9221V34.8396H101.768V35.7139H99.5119V37.716H102.05V38.5903H98.4399V32.0479H102.05V32.9221H99.5119Z" fill="#98A2B3"/>
<path d="M108.155 38.6561C107.716 38.6561 107.321 38.5809 106.97 38.4305C106.619 38.2738 106.343 38.0545 106.143 37.7725C105.942 37.4905 105.842 37.1615 105.842 36.7855H106.989C107.014 37.0675 107.124 37.2993 107.318 37.4811C107.518 37.6628 107.797 37.7537 108.155 37.7537C108.524 37.7537 108.813 37.6659 109.019 37.4905C109.226 37.3087 109.33 37.0769 109.33 36.7949C109.33 36.5755 109.264 36.3969 109.132 36.2591C109.007 36.1212 108.847 36.0147 108.653 35.9395C108.465 35.8643 108.202 35.7828 107.863 35.6951C107.437 35.5823 107.089 35.4695 106.82 35.3567C106.557 35.2376 106.331 35.0559 106.143 34.8115C105.955 34.5671 105.861 34.2412 105.861 33.8339C105.861 33.4579 105.955 33.1289 106.143 32.8469C106.331 32.5649 106.594 32.3487 106.933 32.1983C107.271 32.0479 107.663 31.9727 108.108 31.9727C108.74 31.9727 109.257 32.1325 109.659 32.4521C110.066 32.7654 110.291 33.1978 110.335 33.7493H109.151C109.132 33.5111 109.019 33.3075 108.813 33.1383C108.606 32.9691 108.333 32.8845 107.995 32.8845C107.688 32.8845 107.437 32.9628 107.243 33.1195C107.048 33.2761 106.951 33.5017 106.951 33.7963C106.951 33.9968 107.011 34.1629 107.13 34.2945C107.255 34.4198 107.412 34.5201 107.6 34.5953C107.788 34.6705 108.045 34.7519 108.371 34.8397C108.803 34.9587 109.154 35.0778 109.424 35.1969C109.699 35.3159 109.931 35.5008 110.119 35.7515C110.313 35.9959 110.411 36.3249 110.411 36.7385C110.411 37.0706 110.32 37.3839 110.138 37.6785C109.962 37.973 109.702 38.2111 109.358 38.3929C109.019 38.5683 108.618 38.6561 108.155 38.6561Z" fill="#98A2B3"/>
<path d="M116.46 38.6561C116.021 38.6561 115.626 38.5809 115.275 38.4305C114.924 38.2738 114.649 38.0545 114.448 37.7725C114.247 37.4905 114.147 37.1615 114.147 36.7855H115.294C115.319 37.0675 115.429 37.2993 115.623 37.4811C115.824 37.6628 116.102 37.7537 116.46 37.7537C116.829 37.7537 117.118 37.6659 117.324 37.4905C117.531 37.3087 117.635 37.0769 117.635 36.7949C117.635 36.5755 117.569 36.3969 117.437 36.2591C117.312 36.1212 117.152 36.0147 116.958 35.9395C116.77 35.8643 116.507 35.7828 116.168 35.6951C115.742 35.5823 115.394 35.4695 115.125 35.3567C114.862 35.2376 114.636 35.0559 114.448 34.8115C114.26 34.5671 114.166 34.2412 114.166 33.8339C114.166 33.4579 114.26 33.1289 114.448 32.8469C114.636 32.5649 114.899 32.3487 115.238 32.1983C115.576 32.0479 115.968 31.9727 116.413 31.9727C117.046 31.9727 117.563 32.1325 117.964 32.4521C118.371 32.7654 118.597 33.1978 118.64 33.7493H117.456C117.437 33.5111 117.324 33.3075 117.118 33.1383C116.911 32.9691 116.638 32.8845 116.3 32.8845C115.993 32.8845 115.742 32.9628 115.548 33.1195C115.354 33.2761 115.256 33.5017 115.256 33.7963C115.256 33.9968 115.316 34.1629 115.435 34.2945C115.56 34.4198 115.717 34.5201 115.905 34.5953C116.093 34.6705 116.35 34.7519 116.676 34.8397C117.108 34.9587 117.459 35.0778 117.729 35.1969C118.004 35.3159 118.236 35.5008 118.424 35.7515C118.618 35.9959 118.716 36.3249 118.716 36.7385C118.716 37.0706 118.625 37.3839 118.443 37.6785C118.268 37.973 118.007 38.2111 117.663 38.3929C117.324 38.5683 116.923 38.6561 116.46 38.6561Z" fill="#98A2B3"/>
<path d="M128.757 32.9221V34.8396H131.013V35.7139H128.757V37.716H131.295V38.5903H127.686V32.0479H131.295V32.9221H128.757Z" fill="#98A2B3"/>
<path d="M137.381 32.0573C138.077 32.0573 138.685 32.1919 139.205 32.4614C139.731 32.7246 140.135 33.1068 140.417 33.6082C140.706 34.1032 140.85 34.683 140.85 35.3473C140.85 36.0115 140.706 36.5881 140.417 37.0769C140.135 37.5657 139.731 37.9416 139.205 38.2048C138.685 38.4617 138.077 38.5903 137.381 38.5903H135.247V32.0573H137.381ZM137.381 37.716C138.146 37.716 138.732 37.5092 139.139 37.0956C139.546 36.682 139.75 36.0993 139.75 35.3473C139.75 34.589 139.546 33.9968 139.139 33.5707C138.732 33.1445 138.146 32.9314 137.381 32.9314H136.319V37.716H137.381Z" fill="#98A2B3"/>
<path d="M145.615 32.0573V38.5903H144.544V32.0573H145.615Z" fill="#98A2B3"/>
<path d="M153.875 32.0573V32.9314H152.136V38.5903H151.064V32.9314H149.316V32.0573H153.875Z" fill="#98A2B3"/>
<path d="M158.664 32.0573V38.5903H157.592V32.0573H158.664Z" fill="#98A2B3"/>
<path d="M165.682 38.6561C165.075 38.6561 164.514 38.5151 164 38.2331C163.492 37.9448 163.088 37.5469 162.787 37.0393C162.493 36.5254 162.345 35.9489 162.345 35.3097C162.345 34.6705 162.493 34.0971 162.787 33.5895C163.088 33.0819 163.492 32.6871 164 32.4051C164.514 32.1168 165.075 31.9727 165.682 31.9727C166.297 31.9727 166.857 32.1168 167.365 32.4051C167.879 32.6871 168.283 33.0819 168.578 33.5895C168.872 34.0971 169.019 34.6705 169.019 35.3097C169.019 35.9489 168.872 36.5254 168.578 37.0393C168.283 37.5469 167.879 37.9448 167.365 38.2331C166.857 38.5151 166.297 38.6561 165.682 38.6561ZM165.682 37.7255C166.115 37.7255 166.5 37.6283 166.839 37.4341C167.177 37.2335 167.44 36.9515 167.628 36.5881C167.823 36.2183 167.92 35.7922 167.92 35.3097C167.92 34.8271 167.823 34.4041 167.628 34.0407C167.44 33.6772 167.177 33.3983 166.839 33.2041C166.5 33.0098 166.115 32.9127 165.682 32.9127C165.25 32.9127 164.865 33.0098 164.526 33.2041C164.188 33.3983 163.922 33.6772 163.727 34.0407C163.539 34.4041 163.445 34.8271 163.445 35.3097C163.445 35.7922 163.539 36.2183 163.727 36.5881C163.922 36.9515 164.188 37.2335 164.526 37.4341C164.865 37.6283 165.25 37.7255 165.682 37.7255Z" fill="#98A2B3"/>
<path d="M178.073 38.5903H177.002L173.778 33.7117V38.5903H172.706V32.0479H173.778L177.002 36.917V32.0479H178.073V38.5903Z" fill="#98A2B3"/>
</g>
<defs>
<clipPath id="clip0_10456_446383">
<rect width="190" height="46" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

68
app/react/sidebar/portainer_logo-CE.svg Normal file
View File

@ -0,0 +1,68 @@
<svg width="190" height="46" viewBox="0 0 190 46" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_10456_446427)">
<g filter="url(#filter0_dd_10456_446427)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8935 9.95117H10.1953V13.6094H10.8935V9.95117Z" fill="#13BEF9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.8954 9.95117H13.1973V13.6094H13.8954V9.95117Z" fill="#13BEF9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.998 2.96962L17.2823 1.71484L5.34375 8.6956L6.05935 9.9504L17.998 2.96962Z" fill="#13BEF9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.9277 2.96962L18.6434 1.71484L30.5821 8.6956L29.8664 9.9504L17.9277 2.96962Z" fill="#13BEF9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M32.6936 9.96873V8.51953H-0.015625V9.96873H32.6936Z" fill="#13BEF9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.7422 30.4335V8.96094H21.1734V31.4762C20.7894 31.0344 20.3007 30.7163 19.7422 30.4335Z" fill="#13BEF9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.2988 30.0627V-0.228516H18.7301V30.2395C18.3286 30.0451 17.3512 30.0627 17.2988 30.0627Z" fill="#13BEF9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M3.73725 33.0852C1.99182 31.7774 0.839844 29.692 0.839844 27.3238C0.839844 26.069 1.17147 24.8319 1.78237 23.7539H14.0003C14.6287 24.8319 14.9429 26.069 14.9429 27.3238C14.9429 28.4195 14.8032 29.4446 14.3669 30.3635C13.4418 29.4622 12.0804 29.0734 10.7015 29.0734C8.2579 29.0734 6.1634 30.611 5.6223 32.9084C5.4303 32.8908 5.3081 32.8731 5.1161 32.8731C4.6449 32.8908 4.1911 32.9615 3.73725 33.0852Z" fill="#13BEF9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.74131 15.2344H6.04102V18.9987H9.74131V15.2344Z" fill="#13BEF9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.5694 15.2344H1.86914V18.9987H5.5694V15.2344Z" fill="#13BEF9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.5694 19.4238H1.86914V23.1881H5.5694V19.4238Z" fill="#13BEF9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.74131 19.4238H6.04102V23.1881H9.74131V19.4238Z" fill="#13BEF9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.8956 19.4238H10.1953V23.1881H13.8956V19.4238Z" fill="#13BEF9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.8956 13.2207H10.1953V16.985H13.8956V13.2207Z" fill="#13BEF9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.2331 33.6512C6.7392 31.4775 8.6767 29.8516 10.9806 29.8516C12.4642 29.8516 13.7908 30.5231 14.6984 31.5835C15.4838 31.0356 16.4263 30.7175 17.4561 30.7175C20.1441 30.7175 22.3259 32.9266 22.3259 35.6483C22.3259 36.2138 22.2386 36.744 22.0641 37.2565C22.6575 38.0694 23.024 39.0945 23.024 40.1902C23.024 42.9118 20.8423 45.1209 18.1543 45.1209C16.9674 45.1209 15.8853 44.6968 15.0475 43.9898C14.1573 45.2446 12.7086 46.0752 11.0679 46.0752C9.1828 46.0752 7.5421 44.9795 6.7218 43.389C6.3902 43.4596 6.0585 43.495 5.7094 43.495C3.0215 43.495 0.822266 41.2859 0.822266 38.5643C0.822266 35.8427 3.00404 33.6336 5.7094 33.6336C5.884 33.6159 6.0585 33.6159 6.2331 33.6512Z" fill="#13BEF9"/>
</g>
<path d="M43.964 12.8898C44.4667 12.2312 45.1513 11.6765 46.018 11.2258C46.8847 10.7752 47.864 10.5498 48.956 10.5498C50.204 10.5498 51.3393 10.8618 52.362 11.4858C53.402 12.0925 54.2167 12.9505 54.806 14.0598C55.3953 15.1692 55.69 16.4432 55.69 17.8818C55.69 19.3205 55.3953 20.6118 54.806 21.7558C54.2167 22.8825 53.402 23.7665 52.362 24.4078C51.3393 25.0318 50.204 25.3438 48.956 25.3438C47.864 25.3438 46.8933 25.1272 46.044 24.6938C45.1947 24.2432 44.5013 23.6885 43.964 23.0298V31.9218H41V10.7838H43.964V12.8898ZM52.674 17.8818C52.674 16.8938 52.466 16.0445 52.05 15.3338C51.6513 14.6058 51.114 14.0598 50.438 13.6958C49.7793 13.3145 49.0687 13.1238 48.306 13.1238C47.5607 13.1238 46.85 13.3145 46.174 13.6958C45.5153 14.0772 44.978 14.6318 44.562 15.3598C44.1633 16.0878 43.964 16.9458 43.964 17.9338C43.964 18.9218 44.1633 19.7885 44.562 20.5338C44.978 21.2618 45.5153 21.8165 46.174 22.1978C46.85 22.5792 47.5607 22.7698 48.306 22.7698C49.0687 22.7698 49.7793 22.5792 50.438 22.1978C51.114 21.7992 51.6513 21.2272 52.05 20.4818C52.466 19.7365 52.674 18.8698 52.674 17.8818Z" fill="white"/>
<path d="M64.8351 25.3438C63.4831 25.3438 62.2611 25.0405 61.1691 24.4338C60.0771 23.8098 59.2191 22.9432 58.5951 21.8338C57.9711 20.7072 57.6591 19.4072 57.6591 17.9338C57.6591 16.4778 57.9798 15.1865 58.6211 14.0598C59.2624 12.9332 60.1378 12.0665 61.2471 11.4598C62.3564 10.8532 63.5958 10.5498 64.9651 10.5498C66.3344 10.5498 67.5738 10.8532 68.6831 11.4598C69.7924 12.0665 70.6678 12.9332 71.3091 14.0598C71.9504 15.1865 72.2711 16.4778 72.2711 17.9338C72.2711 19.3898 71.9418 20.6812 71.2831 21.8078C70.6244 22.9345 69.7231 23.8098 68.5791 24.4338C67.4524 25.0405 66.2044 25.3438 64.8351 25.3438ZM64.8351 22.7698C65.5978 22.7698 66.3084 22.5878 66.9671 22.2238C67.6431 21.8598 68.1891 21.3138 68.6051 20.5858C69.0211 19.8578 69.2291 18.9738 69.2291 17.9338C69.2291 16.8938 69.0298 16.0185 68.6311 15.3078C68.2324 14.5798 67.7038 14.0338 67.0451 13.6698C66.3864 13.3058 65.6758 13.1238 64.9131 13.1238C64.1504 13.1238 63.4398 13.3058 62.7811 13.6698C62.1398 14.0338 61.6284 14.5798 61.2471 15.3078C60.8658 16.0185 60.6751 16.8938 60.6751 17.9338C60.6751 19.4765 61.0651 20.6725 61.8451 21.5218C62.6424 22.3538 63.6391 22.7698 64.8351 22.7698Z" fill="white"/>
<path d="M78.1652 12.8638C78.5985 12.1358 79.1705 11.5725 79.8812 11.1738C80.6092 10.7578 81.4672 10.5498 82.4552 10.5498V13.6178H81.7012C80.5398 13.6178 79.6558 13.9125 79.0492 14.5018C78.4598 15.0912 78.1652 16.1138 78.1652 17.5698V25.1098H75.2012V10.7838H78.1652V12.8638Z" fill="white"/>
<path d="M88.6378 13.2018V21.1318C88.6378 21.6692 88.7591 22.0592 89.0018 22.3018C89.2618 22.5272 89.6951 22.6398 90.3018 22.6398H92.1218V25.1098H89.7818C88.4471 25.1098 87.4245 24.7978 86.7138 24.1738C86.0031 23.5498 85.6478 22.5358 85.6478 21.1318V13.2018H83.9578V10.7838H85.6478V7.2218H88.6378V10.7838H92.1218V13.2018H88.6378Z" fill="white"/>
<path d="M93.8655 17.8818C93.8655 16.4432 94.16 15.1692 94.75 14.0598C95.356 12.9505 96.171 12.0925 97.194 11.4858C98.234 10.8618 99.378 10.5498 100.626 10.5498C101.752 10.5498 102.732 10.7752 103.564 11.2258C104.413 11.6592 105.089 12.2052 105.592 12.8638V10.7838H108.582V25.1098H105.592V22.9778C105.089 23.6538 104.404 24.2172 103.538 24.6678C102.671 25.1185 101.683 25.3438 100.574 25.3438C99.343 25.3438 98.216 25.0318 97.194 24.4078C96.171 23.7665 95.356 22.8825 94.75 21.7558C94.16 20.6118 93.8655 19.3205 93.8655 17.8818ZM105.592 17.9338C105.592 16.9458 105.384 16.0878 104.968 15.3598C104.569 14.6318 104.04 14.0772 103.382 13.6958C102.723 13.3145 102.012 13.1238 101.25 13.1238C100.487 13.1238 99.776 13.3145 99.118 13.6958C98.459 14.0598 97.922 14.6058 97.506 15.3338C97.107 16.0445 96.908 16.8938 96.908 17.8818C96.908 18.8698 97.107 19.7365 97.506 20.4818C97.922 21.2272 98.459 21.7992 99.118 22.1978C99.794 22.5792 100.504 22.7698 101.25 22.7698C102.012 22.7698 102.723 22.5792 103.382 22.1978C104.04 21.8165 104.569 21.2618 104.968 20.5338C105.384 19.7885 105.592 18.9218 105.592 17.9338Z" fill="white"/>
<path d="M113.983 8.8858C113.445 8.8858 112.995 8.7038 112.631 8.3398C112.267 7.9758 112.085 7.5252 112.085 6.98784C112.085 6.45051 112.267 5.99984 112.631 5.63584C112.995 5.27184 113.445 5.08984 113.983 5.08984C114.503 5.08984 114.945 5.27184 115.309 5.63584C115.673 5.99984 115.855 6.45051 115.855 6.98784C115.855 7.5252 115.673 7.9758 115.309 8.3398C114.945 8.7038 114.503 8.8858 113.983 8.8858ZM115.439 10.7838V25.1098H112.475V10.7838H115.439Z" fill="white"/>
<path d="M126.558 10.5498C127.685 10.5498 128.69 10.7838 129.574 11.2518C130.475 11.7198 131.177 12.4132 131.68 13.3318C132.183 14.2505 132.434 15.3598 132.434 16.6598V25.1098H129.496V17.1018C129.496 15.8192 129.175 14.8398 128.534 14.1638C127.893 13.4705 127.017 13.1238 125.908 13.1238C124.799 13.1238 123.915 13.4705 123.256 14.1638C122.615 14.8398 122.294 15.8192 122.294 17.1018V25.1098H119.33V10.7838H122.294V12.4218C122.779 11.8325 123.395 11.3732 124.14 11.0438C124.903 10.7145 125.709 10.5498 126.558 10.5498Z" fill="white"/>
<path d="M149.345 17.5958C149.345 18.1332 149.31 18.6185 149.241 19.0518H138.295C138.382 20.1958 138.806 21.1145 139.569 21.8078C140.332 22.5012 141.268 22.8478 142.377 22.8478C143.972 22.8478 145.098 22.1805 145.757 20.8458H148.955C148.522 22.1632 147.733 23.2465 146.589 24.0958C145.462 24.9278 144.058 25.3438 142.377 25.3438C141.008 25.3438 139.777 25.0405 138.685 24.4338C137.61 23.8098 136.761 22.9432 136.137 21.8338C135.53 20.7072 135.227 19.4072 135.227 17.9338C135.227 16.4605 135.522 15.1692 136.111 14.0598C136.718 12.9332 137.558 12.0665 138.633 11.4598C139.725 10.8532 140.973 10.5498 142.377 10.5498C143.729 10.5498 144.934 10.8445 145.991 11.4338C147.048 12.0232 147.872 12.8552 148.461 13.9298C149.05 14.9872 149.345 16.2092 149.345 17.5958ZM146.251 16.6598C146.234 15.5678 145.844 14.6925 145.081 14.0338C144.318 13.3752 143.374 13.0458 142.247 13.0458C141.224 13.0458 140.349 13.3752 139.621 14.0338C138.893 14.6752 138.46 15.5505 138.321 16.6598H146.251Z" fill="white"/>
<path d="M155.226 12.8638C155.659 12.1358 156.231 11.5725 156.942 11.1738C157.67 10.7578 158.528 10.5498 159.516 10.5498V13.6178H158.762C157.6 13.6178 156.716 13.9125 156.11 14.5018C155.52 15.0912 155.226 16.1138 155.226 17.5698V25.1098H152.262V10.7838H155.226V12.8638Z" fill="white"/>
<path d="M163.436 25.2918C162.899 25.2918 162.448 25.1098 162.084 24.7458C161.72 24.3818 161.538 23.9313 161.538 23.3939C161.538 22.8566 161.72 22.4058 162.084 22.0418C162.448 21.6778 162.899 21.4958 163.436 21.4958C163.956 21.4958 164.398 21.6778 164.762 22.0418C165.126 22.4058 165.308 22.8566 165.308 23.3939C165.308 23.9313 165.126 24.3818 164.762 24.7458C164.398 25.1098 163.956 25.2918 163.436 25.2918Z" fill="white"/>
<path d="M170.02 8.8858C169.482 8.8858 169.032 8.7038 168.668 8.3398C168.304 7.9758 168.122 7.5252 168.122 6.98784C168.122 6.45051 168.304 5.99984 168.668 5.63584C169.032 5.27184 169.482 5.08984 170.02 5.08984C170.54 5.08984 170.982 5.27184 171.346 5.63584C171.71 5.99984 171.892 6.45051 171.892 6.98784C171.892 7.5252 171.71 7.9758 171.346 8.3398C170.982 8.7038 170.54 8.8858 170.02 8.8858ZM171.476 10.7838V25.1098H168.512V10.7838H171.476Z" fill="white"/>
<path d="M181.581 25.3438C180.229 25.3438 179.007 25.0405 177.915 24.4338C176.823 23.8098 175.965 22.9432 175.341 21.8338C174.717 20.7072 174.405 19.4072 174.405 17.9338C174.405 16.4778 174.726 15.1865 175.367 14.0598C176.009 12.9332 176.884 12.0665 177.993 11.4598C179.103 10.8532 180.342 10.5498 181.711 10.5498C183.081 10.5498 184.32 10.8532 185.429 11.4598C186.539 12.0665 187.414 12.9332 188.055 14.0598C188.697 15.1865 189.017 16.4778 189.017 17.9338C189.017 19.3898 188.688 20.6812 188.029 21.8078C187.371 22.9345 186.469 23.8098 185.325 24.4338C184.199 25.0405 182.951 25.3438 181.581 25.3438ZM181.581 22.7698C182.344 22.7698 183.055 22.5878 183.713 22.2238C184.389 21.8598 184.935 21.3138 185.351 20.5858C185.767 19.8578 185.975 18.9738 185.975 17.9338C185.975 16.8938 185.776 16.0185 185.377 15.3078C184.979 14.5798 184.45 14.0338 183.791 13.6698C183.133 13.3058 182.422 13.1238 181.659 13.1238C180.897 13.1238 180.186 13.3058 179.527 13.6698C178.886 14.0338 178.375 14.5798 177.993 15.3078C177.612 16.0185 177.421 16.8938 177.421 17.9338C177.421 19.4765 177.811 20.6725 178.591 21.5218C179.389 22.3538 180.385 22.7698 181.581 22.7698Z" fill="white"/>
<path d="M48.2754 35.2589C48.2754 34.6197 48.4227 34.0463 48.7172 33.5387C49.018 33.0311 49.4222 32.6363 49.9298 32.3543C50.4437 32.066 51.0045 31.9219 51.6124 31.9219C52.308 31.9219 52.9253 32.0942 53.4642 32.4389C54.0094 32.7773 54.4042 33.2598 54.6486 33.8865H53.3608C53.1916 33.5418 52.9566 33.2849 52.6558 33.1157C52.355 32.9465 52.0072 32.8619 51.6124 32.8619C51.18 32.8619 50.7946 32.959 50.4562 33.1533C50.1178 33.3475 49.8515 33.6264 49.6572 33.9899C49.4692 34.3533 49.3752 34.7763 49.3752 35.2589C49.3752 35.7414 49.4692 36.1644 49.6572 36.5279C49.8515 36.8913 50.1178 37.1733 50.4562 37.3739C50.7946 37.5681 51.18 37.6653 51.6124 37.6653C52.0072 37.6653 52.355 37.5807 52.6558 37.4115C52.9566 37.2423 53.1916 36.9853 53.3608 36.6407H54.6486C54.4042 37.2673 54.0094 37.7499 53.4642 38.0883C52.9253 38.4267 52.308 38.5959 51.6124 38.5959C50.9983 38.5959 50.4374 38.4549 49.9298 38.1729C49.4222 37.8846 49.018 37.4867 48.7172 36.9791C48.4227 36.4715 48.2754 35.8981 48.2754 35.2589Z" fill="#98A2B3"/>
<path d="M61.5147 38.6053C60.9068 38.6053 60.346 38.4643 59.8321 38.1823C59.3245 37.894 58.9203 37.4961 58.6195 36.9885C58.325 36.4746 58.1777 35.8981 58.1777 35.2589C58.1777 34.6197 58.325 34.0463 58.6195 33.5387C58.9203 33.0311 59.3245 32.6363 59.8321 32.3543C60.346 32.066 60.9068 31.9219 61.5147 31.9219C62.1288 31.9219 62.6897 32.066 63.1973 32.3543C63.7112 32.6363 64.1154 33.0311 64.4099 33.5387C64.7044 34.0463 64.8517 34.6197 64.8517 35.2589C64.8517 35.8981 64.7044 36.4746 64.4099 36.9885C64.1154 37.4961 63.7112 37.894 63.1973 38.1823C62.6897 38.4643 62.1288 38.6053 61.5147 38.6053ZM61.5147 37.6747C61.9471 37.6747 62.3325 37.5775 62.6709 37.3833C63.0093 37.1827 63.2725 36.9007 63.4605 36.5373C63.6548 36.1675 63.7519 35.7414 63.7519 35.2589C63.7519 34.7763 63.6548 34.3533 63.4605 33.9899C63.2725 33.6264 63.0093 33.3475 62.6709 33.1533C62.3325 32.959 61.9471 32.8619 61.5147 32.8619C61.0823 32.8619 60.6969 32.959 60.3585 33.1533C60.0201 33.3475 59.7538 33.6264 59.5595 33.9899C59.3715 34.3533 59.2775 34.7763 59.2775 35.2589C59.2775 35.7414 59.3715 36.1675 59.5595 36.5373C59.7538 36.9007 60.0201 37.1827 60.3585 37.3833C60.6969 37.5775 61.0823 37.6747 61.5147 37.6747Z" fill="#98A2B3"/>
<path d="M75.419 32.0065V38.5395H74.3474V34.0651L72.3546 38.5395H71.612L69.6098 34.0651V38.5395H68.5382V32.0065H69.6944L71.988 37.1295L74.2722 32.0065H75.419Z" fill="#98A2B3"/>
<path d="M86.3402 32.0065V38.5395H85.2687V34.0651L83.2758 38.5395H82.5332L80.531 34.0651V38.5395H79.4594V32.0065H80.6157L82.9092 37.1295L85.1935 32.0065H86.3402Z" fill="#98A2B3"/>
<path d="M91.4429 32.0065V36.1707C91.4429 36.6657 91.5714 37.0386 91.8283 37.2893C92.0915 37.5399 92.455 37.6653 92.9187 37.6653C93.3887 37.6653 93.7522 37.5399 94.009 37.2893C94.272 37.0386 94.404 36.6657 94.404 36.1707V32.0065H95.476V36.1519C95.476 36.6845 95.36 37.1357 95.128 37.5055C94.896 37.8752 94.586 38.1509 94.197 38.3327C93.8086 38.5144 93.3793 38.6053 92.9093 38.6053C92.4393 38.6053 92.01 38.5144 91.6215 38.3327C91.2392 38.1509 90.9353 37.8752 90.7097 37.5055C90.4841 37.1357 90.3713 36.6845 90.3713 36.1519V32.0065H91.4429Z" fill="#98A2B3"/>
<path d="M104.87 38.5395H103.799L100.574 33.6609V38.5395H99.5031V31.9971H100.574L103.799 36.8663V31.9971H104.87V38.5395Z" fill="#98A2B3"/>
<path d="M109.981 32.0065V38.5395H108.909V32.0065H109.981Z" fill="#98A2B3"/>
<path d="M118.24 32.0065V32.8807H116.501V38.5395H115.43V32.8807H113.681V32.0065H118.24Z" fill="#98A2B3"/>
<path d="M126.799 32.0065L124.637 36.1707V38.5395H123.565V36.1707L121.394 32.0065H122.588L124.101 35.2119L125.614 32.0065H126.799Z" fill="#98A2B3"/>
<path d="M136.427 32.8713V34.7889H138.683V35.6631H136.427V37.6653H138.965V38.5395H135.355V31.9971H138.965V32.8713H136.427Z" fill="#98A2B3"/>
<path d="M145.05 32.0065C145.746 32.0065 146.354 32.1412 146.874 32.4107C147.4 32.6739 147.804 33.0561 148.086 33.5575C148.375 34.0525 148.519 34.6322 148.519 35.2965C148.519 35.9607 148.375 36.5373 148.086 37.0261C147.804 37.5149 147.4 37.8909 146.874 38.1541C146.354 38.411 145.746 38.5395 145.05 38.5395H142.916V32.0065H145.05ZM145.05 37.6653C145.815 37.6653 146.401 37.4585 146.808 37.0449C147.215 36.6313 147.419 36.0485 147.419 35.2965C147.419 34.5382 147.215 33.946 146.808 33.5199C146.401 33.0937 145.815 32.8807 145.05 32.8807H143.988V37.6653H145.05Z" fill="#98A2B3"/>
<path d="M153.284 32.0065V38.5395H152.213V32.0065H153.284Z" fill="#98A2B3"/>
<path d="M161.544 32.0065V32.8807H159.805V38.5395H158.733V32.8807H156.985V32.0065H161.544Z" fill="#98A2B3"/>
<path d="M166.333 32.0065V38.5395H165.261V32.0065H166.333Z" fill="#98A2B3"/>
<path d="M173.352 38.6053C172.744 38.6053 172.183 38.4643 171.669 38.1823C171.161 37.894 170.757 37.4961 170.456 36.9885C170.162 36.4746 170.015 35.8981 170.015 35.2589C170.015 34.6197 170.162 34.0463 170.456 33.5387C170.757 33.0311 171.161 32.6363 171.669 32.3543C172.183 32.066 172.744 31.9219 173.352 31.9219C173.966 31.9219 174.527 32.066 175.034 32.3543C175.548 32.6363 175.952 33.0311 176.247 33.5387C176.541 34.0463 176.689 34.6197 176.689 35.2589C176.689 35.8981 176.541 36.4746 176.247 36.9885C175.952 37.4961 175.548 37.894 175.034 38.1823C174.527 38.4643 173.966 38.6053 173.352 38.6053ZM173.352 37.6747C173.784 37.6747 174.169 37.5775 174.508 37.3833C174.846 37.1827 175.109 36.9007 175.297 36.5373C175.492 36.1675 175.589 35.7414 175.589 35.2589C175.589 34.7763 175.492 34.3533 175.297 33.9899C175.109 33.6264 174.846 33.3475 174.508 33.1533C174.169 32.959 173.784 32.8619 173.352 32.8619C172.919 32.8619 172.534 32.959 172.195 33.1533C171.857 33.3475 171.591 33.6264 171.396 33.9899C171.208 34.3533 171.114 34.7763 171.114 35.2589C171.114 35.7414 171.208 36.1675 171.396 36.5373C171.591 36.9007 171.857 37.1827 172.195 37.3833C172.534 37.5775 172.919 37.6747 173.352 37.6747Z" fill="#98A2B3"/>
<path d="M185.742 38.5395H184.671L181.447 33.6609V38.5395H180.375V31.9971H181.447L184.671 36.8663V31.9971H185.742V38.5395Z" fill="#98A2B3"/>
</g>
<defs>
<filter id="filter0_dd_10456_446427" x="-3.01562" y="-2.22852" width="38.7092" height="52.3037" 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" result="hardAlpha"/>
<feOffset dy="1"/>
<feGaussianBlur stdDeviation="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.06 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_10456_446427"/>
<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" result="hardAlpha"/>
<feOffset dy="1"/>
<feGaussianBlur stdDeviation="1.5"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="effect1_dropShadow_10456_446427" result="effect2_dropShadow_10456_446427"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_10456_446427" result="shape"/>
</filter>
<clipPath id="clip0_10456_446427">
<rect width="190" height="46" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB