JakeHillion/storj
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

web/satellite: rework navigation sidebar styling

Browse Source 
Reworked styling to correspond to newest designs.

Resolves those issues:
https://github.com/storj/storj/issues/4847
https://github.com/storj/storj/issues/4848
https://github.com/storj/storj/issues/4845
https://github.com/storj/storj/issues/4850

Change-Id: Ie3510b435815834adff5160541b5d9d4859763eb
This commit is contained in:
Vitalii 2022-06-17 13:27:24 +03:00 committed by Vitalii Shpital
parent 5ce7d980af
commit b25faf30ab
23 changed files with 341 additions and 164 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
web/satellite/.stylelintrc.js
View File

@ -16,6 +16,7 @@ module.exports = {
"indentation": 4,
"string-quotes": "single",
"no-duplicate-selectors": true,
"no-descending-specificity": null,
"selector-max-attribute": 1,
"selector-combinator-space-after": "always",
"selector-attribute-operator-space-before": "never",

91
web/satellite/src/components/navigation/AccountArea.vue
View File

@ -7,6 +7,7 @@
<div class="account-area__wrap__left">
<AccountIcon class="account-area__wrap__left__icon" />
<p class="account-area__wrap__left__label">My Account</p>
<p class="account-area__wrap__left__label-small">Account</p>
<TierBadgePro v-if="isPaidTier" class="account-area__wrap__left__tier-badge" />
<TierBadgeFree v-else class="account-area__wrap__left__tier-badge" />
</div>
@ -214,12 +215,32 @@ export default class AccountArea extends Vue {
align-items: center;
justify-content: space-between;
&__label {
&__label,
&__label-small {
font-size: 14px;
line-height: 20px;
color: #56606d;
margin: 0 6px 0 24px;
}
&__label-small {
display: none;
margin: 0;
}
}
&:hover {
background-color: #fafafb;
border-color: #fafafb;
p {
color: #0149ff;
}
.account-area__wrap__arrow ::v-deep path,
.account-area__wrap__left__icon ::v-deep path {
fill: #0149ff;
}
}
}
@ -239,9 +260,11 @@ export default class AccountArea extends Vue {
background: #fafafb;
padding: 16px;
width: calc(100% - 32px);
border: 1px solid #ebeef1;
display: flex;
align-items: center;
justify-content: space-between;
border-radius: 8px 8px 0 0;
&__left,
&__right {
@ -249,7 +272,6 @@ export default class AccountArea extends Vue {
align-items: center;
&__label {
font-family: 'font_medium', sans-serif;
font-size: 14px;
line-height: 20px;
color: #56606d;
@ -272,6 +294,7 @@ export default class AccountArea extends Vue {
&__item {
display: flex;
align-items: center;
border-top: 1px solid #ebeef1;
padding: 16px;
width: calc(100% - 32px);
cursor: pointer;
@ -283,41 +306,83 @@ export default class AccountArea extends Vue {
color: #56606d;
}
&:last-of-type {
border-radius: 0 0 8px 8px;
}
&:hover {
background-color: #f7f8fb;
p {
color: #0149ff;
}
::v-deep path {
fill: #0149ff;
}
}
}
}
}
.active {
border-color: #000;
p {
color: #091c45;
font-family: 'font_bold', sans-serif;
}
.account-area__wrap__arrow ::v-deep path,
.account-area__wrap__left__icon ::v-deep path {
fill: #000;
}
}
.active:hover {
border-color: #0149ff;
background-color: #f7f8fb;
.account-area__wrap {
p {
color: #0149ff;
}
&__left__label {
color: #0149ff;
font-weight: 600;
}
&__left__icon ::v-deep path,
&__arrow ::v-deep path {
fill: #0149ff;
}
.account-area__wrap__arrow ::v-deep path,
.account-area__wrap__left__icon ::v-deep path {
fill: #0149ff;
}
}
@media screen and (max-width: 1280px) {
.account-area__wrap {
padding: 10px 0;
align-items: center;
justify-content: center;
p {
font-family: 'font_medium', sans-serif;
}
&__left__label,
&__left__tier-badge,
&__arrow {
display: none;
}
&__left {
flex-direction: column;
&__label-small {
display: block;
margin-top: 10px;
font-size: 9px;
}
}
}
.active p {
font-family: 'font_medium', sans-serif;
}
}
</style>

6
web/satellite/src/components/navigation/GuidesDropdown.vue
View File

@ -47,12 +47,10 @@ export default class GuidesDropdown extends Vue {
.side-dropdown {
position: absolute;
background: #fff;
border: 1px solid #f4f5f7;
box-shadow: 0 0 32px rgb(0 0 0 / 4%);
border: 1px solid #ebeef1;
box-shadow: 0 0 20px rgb(0 0 0 / 4%);
border-radius: 8px;
padding: 14px 0;
width: 390px;
z-index: 1;
cursor: default;
}
</style>

153
web/satellite/src/components/navigation/NavigationArea.vue
View File

@ -21,7 +21,7 @@
>
<div class="navigation-area__container__wrap__item-container__left">
<component :is="navItem.icon" class="navigation-area__container__wrap__item-container__left__image" />
<p class="navigation-area__container__wrap__item-container__left__label">{{ navItem.name }}</p>
<p class="navigation-area__container__wrap__item-container__left__label">{{ isSmallWindow ? navItem.name.split(' ').pop(): navItem.name }}</p>
</div>
</router-link>
<div class="navigation-area__container__wrap__border" />
@ -56,7 +56,6 @@
<p class="dropdown-item__text__label">Documentation for Storj</p>
</div>
</a>
<div class="dropdown-border" />
<a
class="dropdown-item"
href="https://forum.storj.io/"
@ -70,7 +69,6 @@
<p class="dropdown-item__text__label">Join our global community</p>
</div>
</a>
<div class="dropdown-border" />
<a
class="dropdown-item"
href="https://supportdcs.storj.io/hc/en-us"
@ -94,7 +92,7 @@
>
<div class="navigation-area__container__wrap__item-container__left">
<QuickStartIcon class="navigation-area__container__wrap__item-container__left__image" />
<p class="navigation-area__container__wrap__item-container__left__label">Quick Start</p>
<p class="navigation-area__container__wrap__item-container__left__label">Quickstart</p>
</div>
<ArrowIcon class="navigation-area__container__wrap__item-container__arrow" />
</div>
@ -111,7 +109,6 @@
<p class="dropdown-item__text__label">Create a new project.</p>
</div>
</div>
<div class="dropdown-border" />
<div class="dropdown-item" aria-roledescription="create-ag-route" @click.stop="navigateToCreateAG">
<CreateAGIcon class="dropdown-item__icon" />
<div class="dropdown-item__text">
@ -119,7 +116,6 @@
<p class="dropdown-item__text__label">Start the wizard to create a new access grant.</p>
</div>
</div>
<div class="dropdown-border" />
<div class="dropdown-item" aria-roledescription="objects-route" @click.stop="navigateToBuckets">
<UploadInWebIcon class="dropdown-item__icon" />
<div class="dropdown-item__text">
@ -127,7 +123,6 @@
<p class="dropdown-item__text__label">Start uploading files in the web browser.</p>
</div>
</div>
<div class="dropdown-border" />
<div class="dropdown-item" aria-roledescription="cli-flow-route" @click.stop="navigateToCLIFlow">
<UploadInCLIIcon class="dropdown-item__icon" />
<div class="dropdown-item__text">
@ -156,6 +151,7 @@ import { NavigationLink } from '@/types/navigation';
import { APP_STATE_ACTIONS } from "@/utils/constants/actionNames";
import { AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
import { APP_STATE_MUTATIONS } from "@/store/mutationConstants";
import { User } from "@/types/users";
import LogoIcon from '@/../static/images/logo.svg';
import SmallLogoIcon from '@/../static/images/smallLogo.svg';
@ -222,13 +218,15 @@ export default class NavigationArea extends Vue {
navigationContainer: HTMLDivElement;
};
private windowWidth = window.innerWidth;
/**
* Mounted hook after initial render.
* Adds scroll event listener to close dropdowns.
*/
public mounted(): void {
this.$refs.navigationContainer.addEventListener('scroll', this.closeDropdowns)
window.addEventListener('resize', this.closeDropdowns)
window.addEventListener('resize', this.onResize)
}
/**
@ -237,7 +235,15 @@ export default class NavigationArea extends Vue {
*/
public beforeDestroy(): void {
this.$refs.navigationContainer.removeEventListener('scroll', this.closeDropdowns)
window.removeEventListener('resize', this.closeDropdowns)
window.removeEventListener('resize', this.onResize)
}
/**
* On screen resize handler.
*/
public onResize(): void {
this.windowWidth = window.innerWidth;
this.closeDropdowns();
}
/**
@ -275,17 +281,30 @@ export default class NavigationArea extends Vue {
* Redirects to create access grant screen.
*/
public navigateToNewProject(): void {
this.analytics.eventTriggered(AnalyticsEvent.NEW_PROJECT_CLICKED);
if (this.$route.name !== RouteConfig.CreateProject.name) {
this.analytics.eventTriggered(AnalyticsEvent.NEW_PROJECT_CLICKED);
const user: User = this.$store.getters.user;
const ownProjectsCount: number = this.$store.getters.projectsCount;
if (!user.paidTier && user.projectLimit === ownProjectsCount) {
this.$store.commit(APP_STATE_MUTATIONS.TOGGLE_CREATE_PROJECT_PROMPT_POPUP);
} else {
this.analytics.pageVisit(RouteConfig.CreateProject.path);
this.$router.push(RouteConfig.CreateProject.path);
}
}
this.closeDropdowns();
this.analytics.pageVisit(RouteConfig.CreateProject.path);
this.$router.push(RouteConfig.CreateProject.path);
}
/**
* Reloads page.
* Redirects to project dashboard.
*/
public onLogoClick(): void {
location.reload();
if (this.$route.name !== RouteConfig.ProjectDashboard.name) {
this.$router.push(RouteConfig.ProjectDashboard.path);
}
}
/**
@ -361,6 +380,13 @@ export default class NavigationArea extends Vue {
return this.$store.state.appStateModule.appState.isQuickStartDropdownShown;
}
/**
* Indicates if window is less or equal of 1280px.
*/
public get isSmallWindow(): boolean {
return this.windowWidth <= 1280;
}
/**
* Sends "View Docs" event to segment and opens link.
*/
@ -452,7 +478,6 @@ export default class NavigationArea extends Vue {
justify-content: space-between;
border-left: 4px solid #fff;
color: #56606d;
font-weight: 500;
position: static;
cursor: pointer;
box-sizing: border-box;
@ -467,6 +492,16 @@ export default class NavigationArea extends Vue {
margin-left: 24px;
}
}
&:hover {
border-color: #fafafb;
background-color: #fafafb;
color: #0149ff;
::v-deep path {
fill: #0149ff;
}
}
}
&__border {
@ -479,48 +514,42 @@ export default class NavigationArea extends Vue {
}
}
.router-link-active,
.active {
font-weight: 600;
border-color: #0149ff;
background-color: #f7f8fb;
color: #0149ff;
border-color: #000;
color: #091c45;
font-family: 'font_bold', sans-serif;
.navigation-area__container__wrap__item-container {
::v-deep path {
fill: #000;
}
&__left__image ::v-deep path,
&__arrow ::v-deep path {
&:hover {
color: #0149ff;
border-color: #0149ff;
::v-deep path {
fill: #0149ff;
}
}
}
.router-link-active,
.navigation-area__container__wrap__item-container:hover {
font-weight: 600;
border-color: #0149ff;
background-color: #f7f8fb;
color: #0149ff;
.navigation-area__container__wrap__item-container__left__image ::v-deep path {
fill: #0149ff;
}
}
.dropdown-item {
display: flex;
align-items: center;
font-family: 'font_regular', sans-serif;
padding: 10px 24px;
padding: 10px 16px;
cursor: pointer;
border-top: 1px solid #ebeef1;
border-bottom: 1px solid #ebeef1;
&__icon {
margin-left: 15px;
max-width: 37px;
min-width: 37px;
max-width: 40px;
min-width: 40px;
}
&__text {
margin-left: 24px;
margin-left: 10px;
&__title {
font-family: 'font_bold', sans-serif;
@ -535,14 +564,23 @@ export default class NavigationArea extends Vue {
color: #091c45;
}
}
}
.dropdown-border {
height: 1px;
width: calc(100% - 48px);
margin: 0 24px;
background-color: #091c45;
opacity: 0.1;
&:first-of-type {
border-radius: 8px 8px 0 0;
}
&:last-of-type {
border-radius: 0 0 8px 8px;
}
&:hover {
background-color: #fafafb;
h2,
p {
color: #0149ff;
}
}
}
@media screen and (max-width: 1280px) {
@ -553,14 +591,30 @@ export default class NavigationArea extends Vue {
&__container__wrap {
&__border {
margin: 8px 16px;
width: calc(100% - 32px);
}
&__logo {
display: none;
}
&__item-container {
justify-content: center;
align-items: center;
padding: 10px 27px 10px 23px;
&__left {
flex-direction: column;
&__label {
font-family: 'font_medium', sans-serif;
font-size: 9px;
margin: 10px 0 0;
}
}
&__left__label,
&__arrow {
display: none;
}
@ -573,5 +627,10 @@ export default class NavigationArea extends Vue {
}
}
}
.router-link-active,
.active {
font-family: 'font_medium', sans-serif;
}
}
</style>

77
web/satellite/src/components/navigation/ProjectSelection.vue
View File

@ -12,6 +12,7 @@
<div class="project-selection__selected__left">
<ProjectIcon class="project-selection__selected__left__image" />
<p class="project-selection__selected__left__name" :title="projectName">{{ projectName }}</p>
<p class="project-selection__selected__left__placeholder">Projects</p>
</div>
<ArrowImage class="project-selection__selected__arrow" />
</div>
@ -278,7 +279,6 @@ export default class ProjectSelection extends Vue {
&__name {
max-width: calc(100% - 24px - 16px);
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #56606d;
@ -287,6 +287,23 @@ export default class ProjectSelection extends Vue {
overflow: hidden;
text-overflow: ellipsis;
}
&__placeholder {
display: none;
}
}
&:hover {
background-color: #fafafb;
border-color: #fafafb;
p {
color: #0149ff;
}
::v-deep path {
fill: #0149ff;
}
}
}
@ -295,6 +312,7 @@ export default class ProjectSelection extends Vue {
min-width: 240px;
max-width: 240px;
background-color: #fff;
border: 1px solid #ebeef1;
box-shadow: 0 2px 16px rgb(0 0 0 / 10%);
border-radius: 8px;
z-index: 1;
@ -304,6 +322,7 @@ export default class ProjectSelection extends Vue {
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px 8px 0 0;
}
&__items {
@ -318,6 +337,7 @@ export default class ProjectSelection extends Vue {
padding: 8px 16px;
cursor: pointer;
height: 32px;
border-radius: 8px 8px 0 0;
&__selected,
&__unselected {
@ -330,7 +350,7 @@ export default class ProjectSelection extends Vue {
}
&__selected {
font-family: 'font_medium', sans-serif;
font-family: 'font_bold', sans-serif;
margin-left: 24px;
}
@ -340,6 +360,10 @@ export default class ProjectSelection extends Vue {
&:hover {
background-color: #f5f6fa;
p {
color: #0149ff;
}
}
&__mark-container {
@ -364,23 +388,51 @@ export default class ProjectSelection extends Vue {
&__label {
font-size: 14px;
line-height: 20px;
color: #0149ff;
color: #56606d;
margin-left: 24px;
}
&:last-of-type {
border-radius: 0 0 8px 8px;
}
&:hover {
background-color: #f5f6fa;
p {
color: #0149ff;
}
::v-deep path {
fill: #0149ff;
}
}
}
}
}
.active {
border-color: #000;
p {
color: #091c45;
font-family: 'font_bold', sans-serif;
}
::v-deep path {
fill: #000;
}
}
.active:hover {
border-color: #0149ff;
background-color: #f7f8fb;
p {
color: #0149ff;
font-weight: 600;
}
svg ::v-deep path {
::v-deep path {
fill: #0149ff;
}
}
@ -388,18 +440,33 @@ export default class ProjectSelection extends Vue {
@media screen and (max-width: 1280px) {
.project-selection__selected {
padding: 10px 0;
justify-content: center;
&__left {
min-width: 18px;
flex-direction: column;
align-items: center;
&__name {
display: none;
}
&__placeholder {
display: block;
margin: 10px 0 0;
font-family: 'font_medium', sans-serif;
font-size: 9px;
}
}
&__arrow {
display: none;
}
}
.active p {
font-family: 'font_medium', sans-serif;
}
}
</style>

4
web/satellite/src/router/index.ts
View File

@ -83,8 +83,8 @@ export abstract class RouteConfig {
public static ResetPassword = new NavigationLink('/password-recovery', 'Reset Password');
public static Authorize = new NavigationLink('/oauth/v2/authorize', 'Authorize')
public static Account = new NavigationLink('/account', 'Account');
public static ProjectDashboard = new NavigationLink('/project-dashboard', 'Dashboard');
public static NewProjectDashboard = new NavigationLink('/new-project-dashboard', 'Dashboard ');
public static ProjectDashboard = new NavigationLink('/project-dashboard', 'Project Overview');
public static NewProjectDashboard = new NavigationLink('/new-project-dashboard', 'Project Overview ');
public static Users = new NavigationLink('/project-members', 'Users');
public static OnboardingTour = new NavigationLink('/onboarding-tour', 'Onboarding Tour');
public static CreateProject = new NavigationLink('/create-project', 'Create Project');

2
web/satellite/static/images/navigation/accessGrants.svg
View File

@ -1,3 +1,3 @@
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.83987 16.8885L1.47448 17.0988C1.17636 17.1175 0.919588 16.8909 0.900956 16.5928C0.899551 16.5703 0.899551 16.5478 0.900956 16.5253L1.11129 13.1599C1.11951 13.0284 1.17546 12.9044 1.26864 12.8112L5.58927 8.4905L5.57296 8.43607C4.98999 6.44536 5.49345 4.26189 6.96116 2.7231L7.00936 2.67316L7.05933 2.62259C9.35625 0.325673 13.0803 0.325673 15.3772 2.62259C17.6741 4.9195 17.6741 8.64354 15.3772 10.9405C13.8503 12.4673 11.6456 13.0111 9.62856 12.4454L9.56357 12.4268L9.50918 12.4106L5.18856 16.7311C5.09538 16.8243 4.97139 16.8803 4.83987 16.8885ZM2.45229 15.5476L4.38997 15.4264L9.13372 10.6826L9.58862 10.8639C11.2073 11.509 13.072 11.1423 14.3255 9.88877C16.0416 8.17269 16.0416 5.39036 14.3255 3.67427C12.6094 1.95819 9.8271 1.95819 8.11101 3.67427C6.87177 4.91351 6.49924 6.75008 7.11424 8.35578L7.13584 8.41105L7.31711 8.86593L2.57342 13.6099L2.45229 15.5476ZM10.7858 7.21399C11.3666 7.79482 12.3083 7.79482 12.8892 7.21399C13.47 6.63316 13.47 5.69145 12.8892 5.11062C12.3083 4.52979 11.3666 4.52979 10.7858 5.11062C10.205 5.69145 10.205 6.63316 10.7858 7.21399Z" fill="#56606D"/>
<path d="M4.83996 16.8885L1.47457 17.0988C1.17645 17.1175 0.919679 16.8909 0.901047 16.5928C0.899643 16.5703 0.899643 16.5478 0.901047 16.5253L1.11138 13.1599C1.1196 13.0284 1.17556 12.9044 1.26873 12.8112L5.58936 8.4905L5.57305 8.43607C4.99009 6.44536 5.49354 4.26189 6.96125 2.7231L7.00946 2.67316L7.05942 2.62259C9.35634 0.325673 13.0804 0.325673 15.3773 2.62259C17.6742 4.9195 17.6742 8.64354 15.3773 10.9405C13.8504 12.4673 11.6456 13.011 9.62866 12.4454L9.56366 12.4268L9.50927 12.4106L5.18865 16.7311C5.09547 16.8243 4.97148 16.8803 4.83996 16.8885ZM2.45238 15.5476L4.39006 15.4264L9.13381 10.6826L9.58871 10.8639C11.2074 11.509 13.0721 11.1423 14.3256 9.88877C16.0417 8.17269 16.0417 5.39036 14.3256 3.67427C12.6095 1.95819 9.82719 1.95819 8.11111 3.67427C6.87187 4.91351 6.49933 6.75008 7.11433 8.35578L7.13593 8.41105L7.3172 8.86593L2.57351 13.6099L2.45238 15.5476ZM10.7859 7.21399C11.3667 7.79482 12.3084 7.79482 12.8893 7.21399C13.4701 6.63316 13.4701 5.69145 12.8893 5.11062C12.3084 4.52979 11.3667 4.52979 10.7859 5.11062C10.2051 5.69145 10.2051 6.63316 10.7859 7.21399Z" fill="#56606D"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

2
web/satellite/static/images/navigation/account.svg
View File

@ -1,3 +1,3 @@
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.0699 1.3501C11.7082 1.3501 13.847 3.48887 13.847 6.12718C13.847 7.71029 13.0769 9.11354 11.8909 9.98277C14.2702 10.8566 16.1441 12.779 16.954 15.1907C16.979 15.2652 17.003 15.3401 17.026 15.4155L17.0597 15.529C17.2173 16.0739 16.9033 16.6435 16.3583 16.8011C16.2655 16.8279 16.1695 16.8415 16.0729 16.8415H1.91906C1.35646 16.8415 0.900391 16.3854 0.900391 15.8228C0.900391 15.7435 0.909661 15.6645 0.927976 15.5874L0.940048 15.5414C0.97316 15.4262 1.00867 15.312 1.04651 15.199C1.86532 12.7524 3.77866 10.8083 6.20429 9.94947C5.04365 9.07822 4.29282 7.69038 4.29282 6.12718C4.29282 3.48887 6.43159 1.3501 9.0699 1.3501ZM9.00166 10.9725C6.16834 10.9725 3.66547 12.7019 2.62263 15.2641L2.59217 15.3401H15.4111L15.4106 15.3389C14.3969 12.7625 11.9147 11.0093 9.09094 10.9731L9.00166 10.9725ZM9.0699 2.85147C7.26077 2.85147 5.79419 4.31806 5.79419 6.12718C5.79419 7.93631 7.26077 9.4029 9.0699 9.4029C10.879 9.4029 12.3456 7.93631 12.3456 6.12718C12.3456 4.31806 10.879 2.85147 9.0699 2.85147Z" fill="#56606D"/>
<path d="M9.06951 1.3501C11.7078 1.3501 13.8466 3.48887 13.8466 6.12719C13.8466 7.71029 13.0765 9.11354 11.8905 9.98277C14.2698 10.8566 16.1437 12.779 16.9536 15.1907C16.9786 15.2652 17.0026 15.3401 17.0256 15.4155L17.0593 15.529C17.2169 16.0739 16.9029 16.6435 16.3579 16.8011C16.2651 16.8279 16.1691 16.8415 16.0725 16.8415H1.91866C1.35607 16.8415 0.899994 16.3854 0.899994 15.8228C0.899994 15.7435 0.909264 15.6645 0.927579 15.5874L0.939652 15.5414C0.972763 15.4262 1.00827 15.312 1.04612 15.199C1.86492 12.7524 3.77827 10.8083 6.20389 9.94947C5.04325 9.07822 4.29242 7.69039 4.29242 6.12719C4.29242 3.48887 6.43119 1.3501 9.06951 1.3501ZM9.00126 10.9725C6.16795 10.9725 3.66508 12.7019 2.62223 15.2641L2.59178 15.3401H15.4107L15.4102 15.3389C14.3965 12.7625 11.9143 11.0093 9.09055 10.9731L9.00126 10.9725ZM9.06951 2.85147C7.26038 2.85147 5.79379 4.31806 5.79379 6.12719C5.79379 7.93631 7.26038 9.4029 9.06951 9.4029C10.8786 9.4029 12.3452 7.93631 12.3452 6.12719C12.3452 4.31806 10.8786 2.85147 9.06951 2.85147Z" fill="#56606D"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

2
web/satellite/static/images/navigation/billing.svg
View File

@ -1,3 +1,3 @@
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.6971 2.69995L14.8102 2.70051C15.5608 2.70821 15.8498 2.79454 16.141 2.95031C16.4465 3.11366 16.6862 3.35339 16.8496 3.65884L16.8718 3.7015C17.0208 3.99363 17.0999 4.30614 17.0999 5.1028V12.2128C17.0999 13.0483 17.0129 13.3513 16.8496 13.6568C16.6862 13.9622 16.4465 14.2019 16.141 14.3653L16.0984 14.3876C15.8062 14.5366 15.4937 14.6157 14.6971 14.6157H3.30275L3.18957 14.6151C2.43904 14.6074 2.15004 14.5211 1.85879 14.3653C1.55334 14.2019 1.31362 13.9622 1.15026 13.6568L1.12796 13.6141C0.978993 13.322 0.899902 13.0095 0.899902 12.2128V5.1028L0.900466 4.98962C0.90816 4.23909 0.994496 3.95009 1.15026 3.65884C1.31362 3.35339 1.55334 3.11366 1.85879 2.95031L1.90145 2.92801C2.19358 2.77904 2.50609 2.69995 3.30275 2.69995H14.6971ZM15.6272 8.72474H2.37276L2.37282 12.2988C2.375 12.7639 2.39609 12.8634 2.44893 12.9622C2.47503 13.011 2.50452 13.0405 2.55333 13.0666L2.57975 13.0799C2.66655 13.1203 2.77727 13.1384 3.13842 13.1422L3.30275 13.1429L14.783 13.1427C15.2482 13.1406 15.3477 13.1195 15.4465 13.0666C15.4953 13.0405 15.5248 13.011 15.5509 12.9622L15.5641 12.9358C15.6101 12.837 15.6272 12.7073 15.6272 12.2128V8.72474ZM3.25879 4.17273C2.75746 4.17384 2.65504 4.19458 2.55333 4.24898C2.50452 4.27508 2.47503 4.30457 2.44893 4.35338L2.43567 4.3798C2.3953 4.4666 2.3772 4.57732 2.3734 4.93847L2.37263 5.1028V6.31483H15.6272V5.05884C15.626 4.55751 15.6053 4.45509 15.5509 4.35338C15.5248 4.30457 15.4953 4.27508 15.4465 4.24898L15.4201 4.23572C15.3273 4.19256 15.2071 4.17486 14.783 4.17287L3.25879 4.17273Z" fill="#56606D"/>
<path d="M14.6972 2.7002L14.8103 2.70076C15.5609 2.70845 15.8499 2.79479 16.1411 2.95055C16.4466 3.11391 16.6863 3.35363 16.8496 3.65909L16.8719 3.70174C17.0209 3.99388 17.1 4.30638 17.1 5.10304V12.213C17.1 13.0486 17.013 13.3516 16.8496 13.657C16.6863 13.9625 16.4466 14.2022 16.1411 14.3655L16.0985 14.3878C15.8063 14.5368 15.4938 14.6159 14.6972 14.6159H3.30285L3.18967 14.6153C2.43914 14.6076 2.15014 14.5213 1.85889 14.3655C1.55344 14.2022 1.31371 13.9625 1.15036 13.657L1.12806 13.6143C0.979092 13.3222 0.900002 13.0097 0.900002 12.213V5.10304L0.900565 4.98986C0.908259 4.23933 0.994595 3.95033 1.15036 3.65909C1.31371 3.35363 1.55344 3.11391 1.85889 2.95055L1.90155 2.92825C2.19368 2.77929 2.50619 2.7002 3.30285 2.7002H14.6972ZM15.6273 8.72499H2.37286L2.37292 12.299C2.3751 12.7642 2.39619 12.8637 2.44903 12.9625C2.47513 13.0113 2.50462 13.0408 2.55343 13.0669L2.57985 13.0801C2.66665 13.1205 2.77737 13.1386 3.13852 13.1424L3.30285 13.1432L14.7831 13.143C15.2483 13.1408 15.3478 13.1197 15.4466 13.0669C15.4954 13.0408 15.5249 13.0113 15.551 12.9625L15.5642 12.9361C15.6102 12.8373 15.6273 12.7075 15.6273 12.213V8.72499ZM3.25889 4.17297C2.75756 4.17408 2.65514 4.19482 2.55343 4.24922C2.50462 4.27532 2.47513 4.30482 2.44903 4.35362L2.43577 4.38004C2.3954 4.46684 2.3773 4.57756 2.3735 4.93871L2.37273 5.10304V6.31507H15.6273V5.05909C15.6261 4.55776 15.6054 4.45533 15.551 4.35362C15.5249 4.30482 15.4954 4.27532 15.4466 4.24922L15.4202 4.23597C15.3274 4.19281 15.2072 4.1751 14.7831 4.17311L3.25889 4.17297Z" fill="#56606D"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.6 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

2
web/satellite/static/images/navigation/buckets.svg
View File

@ -1,3 +1,3 @@
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.3547 7.54653C17.7618 8.95364 17.7747 11.2268 16.3776 12.6239C15.8115 13.19 15.1016 13.5246 14.3637 13.6287L14.1104 15.0637C14.0918 16.1895 11.7876 17.0999 8.94789 17.0999C6.12523 17.0999 3.83167 16.2004 3.78608 15.084L3.78565 15.0637L1.84447 4.06585C1.82262 3.98807 1.80863 3.90934 1.80285 3.8298L1.7998 3.81209L1.80171 3.81219C1.80044 3.79015 1.7998 3.76806 1.7998 3.7459C1.7998 2.1741 5.00011 0.899902 8.94789 0.899902C12.8957 0.899902 16.096 2.1741 16.096 3.7459C16.096 3.76806 16.0953 3.79015 16.0941 3.81219L16.096 3.81209L16.0928 3.83099C16.087 3.90963 16.0732 3.98747 16.0517 4.06439L15.5747 6.7665L16.3547 7.54653ZM14.296 5.63425C12.9865 6.22171 11.0758 6.5919 8.94789 6.5919C6.82008 6.5919 4.90941 6.22173 3.59996 5.63431L5.00705 13.6076L5.23711 14.8285L5.25842 14.845C5.37874 14.9353 5.56496 15.037 5.80678 15.135L5.85588 15.1545C6.63533 15.4593 7.746 15.6438 8.94789 15.6438C10.1567 15.6438 11.2731 15.4572 12.0526 15.1495C12.3335 15.0387 12.543 14.9222 12.6659 14.823L12.6759 14.8147L12.9017 13.5347C12.3336 13.3786 11.7953 13.0811 11.3427 12.6428L11.3002 12.601L8.37469 9.67546C8.09038 9.39114 8.09038 8.93017 8.37469 8.64585C8.65208 8.36847 9.09761 8.3617 9.38319 8.62555L9.40431 8.64585L12.3298 11.5714C12.5715 11.8131 12.8553 11.9859 13.1567 12.09L14.296 5.63425ZM15.2659 8.51685L14.6406 12.0596C14.8987 11.9574 15.14 11.8023 15.348 11.5943C16.1639 10.7783 16.1662 9.4493 15.3548 8.6064L15.3251 8.57615L15.2659 8.51685ZM8.94789 2.35599C7.20107 2.35599 5.58107 2.62881 4.43205 3.08629C3.93833 3.28286 3.57099 3.49935 3.35958 3.69836C3.34611 3.71104 3.33381 3.72312 3.32265 3.73457L3.31202 3.74577L3.33123 3.76594L3.35958 3.79345C3.57099 3.99246 3.93833 4.20894 4.43205 4.40552C5.58107 4.863 7.20107 5.13581 8.94789 5.13581C10.6947 5.13581 12.3147 4.863 13.4637 4.40552C13.9575 4.20894 14.3248 3.99246 14.5362 3.79345C14.5497 3.78077 14.562 3.76868 14.5731 3.75723L14.5839 3.74577L14.5646 3.72587L14.5362 3.69836C14.3248 3.49935 13.9575 3.28286 13.4637 3.08629C12.3147 2.62881 10.6947 2.35599 8.94789 2.35599Z" fill="#56606D"/>
<path d="M16.3549 7.54666C17.762 8.95376 17.7748 11.227 16.3778 12.624C15.8117 13.1901 15.1018 13.5247 14.3639 13.6289L14.1106 15.0638C14.092 16.1897 11.7878 17.1 8.94808 17.1C6.12541 17.1 3.83185 16.2006 3.78626 15.0841L3.78583 15.0638L1.84465 4.06597C1.8228 3.98819 1.80882 3.90946 1.80303 3.82992L1.79999 3.81221L1.80189 3.81231C1.80062 3.79028 1.79999 3.76818 1.79999 3.74602C1.79999 2.17422 5.0003 0.900024 8.94808 0.900024C12.8959 0.900024 16.0962 2.17422 16.0962 3.74602C16.0962 3.76818 16.0955 3.79028 16.0943 3.81231L16.0962 3.81221L16.093 3.83111C16.0872 3.90975 16.0734 3.98759 16.0519 4.06451L15.5749 6.76662L16.3549 7.54666ZM14.2961 5.63437C12.9867 6.22183 11.076 6.59202 8.94808 6.59202C6.82026 6.59202 4.90959 6.22185 3.60014 5.63443L5.00723 13.6077L5.23729 14.8286L5.25861 14.8452C5.37892 14.9354 5.56514 15.0371 5.80696 15.1351L5.85606 15.1546C6.63551 15.4594 7.74619 15.6439 8.94808 15.6439C10.1569 15.6439 11.2733 15.4573 12.0527 15.1497C12.3337 15.0388 12.5431 14.9223 12.6661 14.8231L12.6761 14.8148L12.9019 13.5348C12.3338 13.3787 11.7955 13.0812 11.3429 12.6429L11.3004 12.6011L8.37488 9.67559C8.09056 9.39127 8.09056 8.93029 8.37488 8.64597C8.65226 8.36859 9.09779 8.36182 9.38338 8.62568L9.40449 8.64597L12.33 11.5715C12.5717 11.8132 12.8555 11.9861 13.1569 12.0901L14.2961 5.63437ZM15.2661 8.51698L14.6408 12.0597C14.8989 11.9575 15.1402 11.8024 15.3482 11.5944C16.1641 10.7784 16.1664 9.44942 15.3549 8.60652L15.3253 8.57627L15.2661 8.51698ZM8.94808 2.35612C7.20125 2.35612 5.58125 2.62893 4.43223 3.08641C3.93851 3.28298 3.57117 3.49947 3.35976 3.69848C3.34629 3.71116 3.33399 3.72325 3.32283 3.73469L3.31221 3.74589L3.33142 3.76606L3.35976 3.79357C3.57117 3.99258 3.93851 4.20906 4.43223 4.40564C5.58125 4.86312 7.20125 5.13593 8.94808 5.13593C10.6949 5.13593 12.3149 4.86312 13.4639 4.40564C13.9576 4.20906 14.325 3.99258 14.5364 3.79357C14.5499 3.78089 14.5622 3.7688 14.5733 3.75735L14.5841 3.74589L14.5647 3.72599L14.5364 3.69848C14.325 3.49947 13.9576 3.28298 13.4639 3.08641C12.3149 2.62893 10.6949 2.35612 8.94808 2.35612Z" fill="#56606D"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

11
web/satellite/static/images/navigation/createAccessGrant.svg
View File

@ -1,6 +1,7 @@
<svg width="34" height="38" viewBox="0 0 34 38" fill="none" xmlns="http://www.w3.org/2000/svg">
<ellipse cx="17.9189" cy="18.6427" rx="16.0811" ry="16.0887" fill="#376FFF"/>
<ellipse cx="5.97297" cy="32.0244" rx="5.97297" ry="5.97581" fill="#FFC600"/>
<ellipse cx="31.2943" cy="2.70723" rx="2.7057" ry="2.70699" fill="#00E075"/>
<path d="M12.9204 14.5056C14.5309 14.5056 15.9325 15.4047 16.6508 16.7262H25.2414L27.2613 18.543L24.4335 20.7635L23.2216 19.5523L22.0097 20.7635L20.7977 19.5523L19.5858 20.7635H16.6508C15.9325 22.085 14.5309 22.9841 12.9204 22.9841C10.5778 22.9841 8.67868 21.0861 8.67868 18.7449C8.67868 16.4036 10.5778 14.5056 12.9204 14.5056ZM11.5065 17.5336C10.8371 17.5336 10.2946 18.0759 10.2946 18.7449C10.2946 19.4138 10.8371 19.9561 11.5065 19.9561C12.1758 19.9561 12.7184 19.4138 12.7184 18.7449C12.7184 18.0759 12.1758 17.5336 11.5065 17.5336Z" fill="#F3F5F8"/>
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.4423 0H23.3463C28.8835 0 31.0805 0.613723 33.2353 1.76617C35.3902 2.91861 37.0814 4.60977 38.2338 6.76466L38.3214 6.93055C39.4029 9.00672 39.9846 11.2 40 16.4423V23.3463C40 28.8835 39.3863 31.0805 38.2338 33.2353C37.0814 35.3902 35.3902 37.0814 33.2353 38.2338L33.0694 38.3214C30.9933 39.4029 28.8 39.9846 23.5577 40H16.6537C11.1165 40 8.91954 39.3863 6.76466 38.2338C4.60977 37.0814 2.91861 35.3902 1.76617 33.2353L1.67858 33.0694C0.597074 30.9933 0.0154219 28.8 0 23.5577V16.6537C0 11.1165 0.613723 8.91954 1.76617 6.76466C2.91861 4.60977 4.60977 2.91861 6.76466 1.76617L6.93055 1.67858C9.00672 0.597074 11.2 0.0154219 16.4423 0Z" fill="#EBEEF1"/>
<ellipse cx="20.2297" cy="20.2083" rx="12.7703" ry="13.125" fill="#0149FF"/>
<ellipse cx="10.7432" cy="31.125" rx="4.74324" ry="4.875" fill="#FFC600"/>
<ellipse cx="30.8513" cy="7.20833" rx="2.14865" ry="2.20833" fill="#00E075"/>
<path d="M16.2603 16.8333C17.5392 16.8333 18.6523 17.5667 19.2227 18.6448H26.0447L27.6486 20.1269L25.4031 21.9384L24.4407 20.9503L23.4783 21.9384L22.5159 20.9503L21.5535 21.9384H19.2227C18.6523 23.0165 17.5392 23.7499 16.2603 23.7499C14.4 23.7499 12.8919 22.2016 12.8919 20.2916C12.8919 18.3816 14.4 16.8333 16.2603 16.8333ZM15.1375 19.3035C14.606 19.3035 14.1751 19.7459 14.1751 20.2916C14.1751 20.8373 14.606 21.2797 15.1375 21.2797C15.669 21.2797 16.0999 20.8373 16.0999 20.2916C16.0999 19.7459 15.669 19.3035 15.1375 19.3035Z" fill="#F3F5F8"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 908 B

After

Width:  |  Height:  |  Size: 1.6 KiB

2
web/satellite/static/images/navigation/createProject.svg
View File

@ -1,3 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.9998 0.800049C11.9763 0.800049 15.1998 4.0236 15.1998 8.00005C15.1998 11.9765 11.9763 15.2 7.9998 15.2C4.02335 15.2 0.799805 11.9765 0.799805 8.00005C0.799805 4.0236 4.02335 0.800049 7.9998 0.800049ZM7.9998 2.12005C4.75237 2.12005 2.1198 4.75261 2.1198 8.00005C2.1198 11.2475 4.75237 13.88 7.9998 13.88C11.2472 13.88 13.8798 11.2475 13.8798 8.00005C13.8798 4.75261 11.2472 2.12005 7.9998 2.12005ZM8.59945 5.51917L8.59972 5.52979L8.59968 7.37845H10.3939C10.7621 7.37845 11.064 7.67044 11.0762 8.03845C11.088 8.39103 10.8117 8.68636 10.4591 8.6981L10.4485 8.69836L8.59968 8.69845L8.5998 10.5368C8.5998 10.9014 8.30431 11.1968 7.9398 11.1968C7.58419 11.1968 7.29426 10.9156 7.28033 10.5634L7.2798 10.5368L7.27968 8.69845H5.4414C5.0769 8.69845 4.7814 8.40296 4.7814 8.03845C4.7814 7.68283 5.06266 7.3929 5.41486 7.37897L5.4414 7.37845H7.27968L7.2798 5.58433C7.2798 5.21613 7.5718 4.91425 7.9398 4.90201C8.29239 4.89028 8.58772 5.16659 8.59945 5.51917Z" fill="#0047FF"/>
<path d="M7.9998 0.800049C11.9763 0.800049 15.1998 4.0236 15.1998 8.00005C15.1998 11.9765 11.9763 15.2 7.9998 15.2C4.02335 15.2 0.799805 11.9765 0.799805 8.00005C0.799805 4.0236 4.02335 0.800049 7.9998 0.800049ZM7.9998 2.12005C4.75237 2.12005 2.1198 4.75261 2.1198 8.00005C2.1198 11.2475 4.75237 13.88 7.9998 13.88C11.2472 13.88 13.8798 11.2475 13.8798 8.00005C13.8798 4.75261 11.2472 2.12005 7.9998 2.12005ZM8.59945 5.51917L8.59972 5.52979L8.59968 7.37845H10.3939C10.7621 7.37845 11.064 7.67044 11.0762 8.03845C11.088 8.39103 10.8117 8.68636 10.4591 8.6981L10.4485 8.69836L8.59968 8.69845L8.5998 10.5368C8.5998 10.9014 8.30431 11.1968 7.9398 11.1968C7.58419 11.1968 7.29426 10.9156 7.28033 10.5634L7.2798 10.5368L7.27968 8.69845H5.4414C5.0769 8.69845 4.7814 8.40296 4.7814 8.03845C4.7814 7.68283 5.06266 7.3929 5.41486 7.37897L5.4414 7.37845H7.27968L7.2798 5.58433C7.2798 5.21613 7.5718 4.91425 7.9398 4.90201C8.29239 4.89028 8.58772 5.16659 8.59945 5.51917Z" fill="#56606D"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

43
web/satellite/static/images/navigation/docs.svg
View File

@ -1,22 +1,23 @@
<svg width="32" height="24" viewBox="0 0 32 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="31.6484" height="24" rx="4" fill="white"/>
<rect width="31.6484" height="24" rx="4" fill="#0038AB"/>
<path d="M16 0H28C30.2091 0 32 1.79086 32 4V20C32 22.2091 30.2091 24 28 24H16V0Z" fill="white"/>
<path d="M16 0H28C30.2091 0 32 1.79086 32 4V20C32 22.2091 30.2091 24 28 24H16V0Z" fill="#376FFF"/>
<rect x="18.7253" y="13.2954" width="10.084" height="1.55139" rx="0.775695" fill="white"/>
<rect x="18.7253" y="13.2954" width="10.084" height="1.55139" rx="0.775695" fill="white"/>
<rect x="18.7253" y="9.4165" width="8.53264" height="1.55139" rx="0.775695" fill="white"/>
<rect x="18.7253" y="9.4165" width="8.53264" height="1.55139" rx="0.775695" fill="white"/>
<rect x="18.725" y="5.53784" width="4.65417" height="1.55139" rx="0.775695" fill="white"/>
<rect x="18.725" y="5.53784" width="4.65417" height="1.55139" rx="0.775695" fill="white"/>
<rect x="18.7253" y="17.1733" width="8.53264" height="1.55139" rx="0.775695" fill="white"/>
<rect x="18.7253" y="17.1733" width="8.53264" height="1.55139" rx="0.775695" fill="white"/>
<rect x="3.25122" y="13.2954" width="10.084" height="1.55139" rx="0.775695" fill="white"/>
<rect x="3.25122" y="13.2954" width="10.084" height="1.55139" rx="0.775695" fill="white"/>
<rect x="3.25122" y="9.4165" width="8.53264" height="1.55139" rx="0.775695" fill="white"/>
<rect x="3.25122" y="9.4165" width="8.53264" height="1.55139" rx="0.775695" fill="white"/>
<rect x="3.25159" y="5.53784" width="4.65417" height="1.55139" rx="0.775695" fill="white"/>
<rect x="3.25159" y="5.53784" width="4.65417" height="1.55139" rx="0.775695" fill="white"/>
<rect x="3.25122" y="17.1733" width="8.53264" height="1.55139" rx="0.775695" fill="white"/>
<rect x="3.25122" y="17.1733" width="8.53264" height="1.55139" rx="0.775695" fill="white"/>
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.4423 0H23.3463C28.8835 0 31.0805 0.613723 33.2353 1.76617C35.3902 2.91861 37.0814 4.60977 38.2338 6.76466L38.3214 6.93055C39.4029 9.00672 39.9846 11.2 40 16.4423V23.3463C40 28.8835 39.3863 31.0805 38.2338 33.2353C37.0814 35.3902 35.3902 37.0814 33.2353 38.2338L33.0694 38.3214C30.9933 39.4029 28.8 39.9846 23.5577 40H16.6537C11.1165 40 8.91954 39.3863 6.76466 38.2338C4.60977 37.0814 2.91861 35.3902 1.76617 33.2353L1.67858 33.0694C0.597074 30.9933 0.0154219 28.8 0 23.5577V16.6537C0 11.1165 0.613723 8.91954 1.76617 6.76466C2.91861 4.60977 4.60977 2.91861 6.76466 1.76617L6.93055 1.67858C9.00672 0.597074 11.2 0.0154219 16.4423 0Z" fill="#EBEEF1"/>
<rect x="4" y="8" width="31.6484" height="24" rx="4" fill="white"/>
<rect x="4" y="8" width="31.6484" height="24" rx="4" fill="white"/>
<path d="M20 8H32C34.2091 8 36 9.79086 36 12V28C36 30.2091 34.2091 32 32 32H20V8Z" fill="white"/>
<path d="M20 8H32C34.2091 8 36 9.79086 36 12V28C36 30.2091 34.2091 32 32 32H20V8Z" fill="#376FFF"/>
<rect x="22.7255" y="21.2954" width="10.084" height="1.55139" rx="0.775695" fill="white"/>
<rect x="22.7255" y="21.2954" width="10.084" height="1.55139" rx="0.775695" fill="white"/>
<rect x="22.7255" y="17.4165" width="8.53264" height="1.55139" rx="0.775695" fill="white"/>
<rect x="22.7255" y="17.4165" width="8.53264" height="1.55139" rx="0.775695" fill="white"/>
<rect x="22.7251" y="13.5378" width="4.65417" height="1.55139" rx="0.775695" fill="white"/>
<rect x="22.7251" y="13.5378" width="4.65417" height="1.55139" rx="0.775695" fill="white"/>
<rect x="22.7255" y="25.1733" width="8.53264" height="1.55139" rx="0.775695" fill="white"/>
<rect x="22.7255" y="25.1733" width="8.53264" height="1.55139" rx="0.775695" fill="white"/>
<rect x="7.25098" y="21.2954" width="10.084" height="1.55139" rx="0.775695" fill="white"/>
<rect x="7.25098" y="21.2954" width="10.084" height="1.55139" rx="0.775695" fill="#376FFF"/>
<rect x="7.25098" y="17.4165" width="8.53264" height="1.55139" rx="0.775695" fill="white"/>
<rect x="7.25098" y="17.4165" width="8.53264" height="1.55139" rx="0.775695" fill="#376FFF"/>
<rect x="7.25134" y="13.5378" width="4.65417" height="1.55139" rx="0.775695" fill="white"/>
<rect x="7.25134" y="13.5378" width="4.65417" height="1.55139" rx="0.775695" fill="#376FFF"/>
<rect x="7.25098" y="25.1733" width="8.53264" height="1.55139" rx="0.775695" fill="white"/>
<rect x="7.25098" y="25.1733" width="8.53264" height="1.55139" rx="0.775695" fill="#376FFF"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.9 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

13
web/satellite/static/images/navigation/forum.svg
View File

@ -1,6 +1,9 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.8012 20.786C14.5505 22.4388 13.8086 24.498 13.8086 26.7305V27.2001H1.59998V25.7914C1.59998 21.3828 5.1739 17.8088 9.58256 17.8088C12.0959 17.8088 14.338 18.9704 15.8012 20.786Z" fill="#376FFF"/>
<circle cx="9.77948" cy="11.3257" r="5.72565" fill="#00E075"/>
<path d="M14.7478 25.7914C14.7478 21.3828 18.3217 17.8088 22.7304 17.8088V17.8088C27.1391 17.8088 30.713 21.3828 30.713 25.7914V27.2001H14.7478V25.7914Z" fill="#FF598B"/>
<circle cx="22.8668" cy="11.3257" r="5.72565" fill="#FFC700"/>
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.4423 0H23.3463C28.8835 0 31.0805 0.613722 33.2353 1.76616C35.3902 2.91861 37.0814 4.60977 38.2338 6.76465L38.3214 6.93055C39.4029 9.0067 39.9846 11.2 40 16.4423V23.3463C40 28.8835 39.3863 31.0804 38.2338 33.2353C37.0814 35.3902 35.3902 37.0813 33.2353 38.2338L33.0694 38.3214C30.9933 39.4029 28.8 39.9845 23.5577 39.9999H16.6537C11.1165 39.9999 8.91954 39.3862 6.76466 38.2338C4.60977 37.0813 2.91861 35.3902 1.76617 33.2353L1.67858 33.0694C0.597074 30.9932 0.0154219 28.8 0 23.5576V16.6536C0 11.1165 0.613723 8.91953 1.76617 6.76465C2.91861 4.60977 4.60977 2.91861 6.76466 1.76616L6.93055 1.67858C9.00672 0.597073 11.2 0.0154218 16.4423 0Z" fill="#EBEEF1"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M31.2127 30.6406C33.8623 30.6406 36.3479 31.3403 38.4932 32.5643C38.3861 32.791 38.2731 33.0134 38.1544 33.2354C37.0019 35.3903 35.3108 37.0815 33.1559 38.2339L32.99 38.3215C30.9233 39.3981 28.7406 39.9794 23.5499 39.9999L17.5207 40C19.6372 34.5254 24.9694 30.6406 31.2127 30.6406Z" fill="#00E366"/>
<path d="M31.2396 28.0745C34.4481 28.0745 37.0491 25.4844 37.0491 22.2893C37.0491 19.0943 34.4481 16.5042 31.2396 16.5042C28.0312 16.5042 25.4302 19.0943 25.4302 22.2893C25.4302 25.4844 28.0312 28.0745 31.2396 28.0745Z" fill="#0149FF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.65385 30.6406C14.8972 30.6406 20.2293 34.5254 22.3458 40L16.5742 40C11.037 40 8.84006 39.3863 6.68518 38.2339C4.5303 37.0814 2.83913 35.3903 1.68669 33.2354L1.5991 33.0695C1.51406 32.9062 1.4321 32.7422 1.35327 32.5761C3.50303 31.3447 5.99587 30.6406 8.65385 30.6406Z" fill="#0149FF"/>
<path d="M8.68086 28.0745C11.8893 28.0745 14.4903 25.4844 14.4903 22.2893C14.4903 19.0943 11.8893 16.5042 8.68086 16.5042C5.47242 16.5042 2.87146 19.0943 2.87146 22.2893C2.87146 25.4844 5.47242 28.0745 8.68086 28.0745Z" fill="#FF458B"/>
<path d="M20.0174 28.0745C23.9523 28.0745 27.1422 24.8979 27.1422 20.9794C27.1422 17.0609 23.9523 13.8843 20.0174 13.8843C16.0825 13.8843 12.8926 17.0609 12.8926 20.9794C12.8926 24.8979 16.0825 28.0745 20.0174 28.0745Z" fill="#FFC600"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.973 30.6406C25.5735 30.6406 30.4409 33.7667 32.9115 38.3622L32.9899 38.3215C30.9233 39.398 28.7406 39.9793 23.5499 39.9998L16.5742 40C11.3164 40 9.07029 39.4467 7.01215 38.4042C9.47535 33.7858 14.3553 30.6406 19.973 30.6406Z" fill="#FFC600"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 664 B

After

Width:  |  Height:  |  Size: 2.5 KiB

2
web/satellite/static/images/navigation/manage.svg
View File

@ -1,3 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.24777 0.800049C9.90503 0.800049 10.4378 1.33284 10.4378 1.9901L10.4378 2.18417C10.4378 2.62551 10.7956 2.98329 11.2369 2.9833C11.3772 2.98331 11.515 2.94638 11.6365 2.87625L11.8046 2.7792C12.3738 2.45058 13.1016 2.64561 13.4303 3.21481L14.8584 5.68835C15.1812 6.24756 14.9987 6.9599 14.4524 7.29636L14.4227 7.31401L14.2547 7.41102C13.8915 7.62073 13.767 8.0852 13.9767 8.44845C14.0434 8.56391 14.1392 8.65978 14.2547 8.72644L14.3633 8.78913C14.9325 9.11776 15.1275 9.8456 14.7989 10.4148L13.4303 12.7853C13.1074 13.3445 12.3992 13.5426 11.8347 13.2377L11.8046 13.2209L11.6365 13.1238C11.2543 12.9031 10.7656 13.0341 10.5449 13.4163C10.4747 13.5378 10.4378 13.6756 10.4378 13.8159L10.4378 14.01C10.4379 14.6561 9.92297 15.182 9.28111 15.1996L9.24777 15.2H6.39157C5.73432 15.2 5.2015 14.6672 5.20146 14.01L5.20145 13.919C5.20144 13.5105 4.8703 13.1793 4.46183 13.1794C4.332 13.1794 4.20446 13.2135 4.09203 13.2785L4.01326 13.3239C3.45406 13.6468 2.74172 13.4643 2.40525 12.918L2.38759 12.8884L0.959492 10.4148C0.630894 9.8456 0.825905 9.11777 1.39508 8.7891L1.56321 8.69202C1.94541 8.47134 2.07635 7.98262 1.85567 7.60042C1.78553 7.47894 1.68465 7.37806 1.56316 7.30793L1.39512 7.21092C0.835856 6.88813 0.637769 6.17995 0.942603 5.61541L0.959492 5.58529L2.32809 3.21481C2.65673 2.64561 3.38456 2.45059 3.95378 2.7792L4.06228 2.84184C4.42552 3.05156 4.88999 2.92709 5.09971 2.56385C5.16636 2.44841 5.20145 2.31745 5.20145 2.18415L5.20146 1.99013C5.2015 1.33288 5.73432 0.800049 6.39157 0.800049H9.24777ZM6.51063 2.10902L6.51054 2.18418C6.51054 2.54726 6.41496 2.90394 6.23342 3.21839C5.66902 4.19598 4.42714 4.53859 3.44319 3.99557L3.40237 3.97233L2.15279 6.13662L2.21765 6.17419C2.52213 6.34997 2.77756 6.59894 2.961 6.89818L2.98936 6.94584C3.5647 7.9423 3.23411 9.21322 2.2531 9.80487L2.21779 9.82571L2.15279 9.86324L3.462 12.1309L3.48698 12.1171C3.76948 11.9642 4.08399 11.88 4.40507 11.8711L4.46179 11.8703C5.56725 11.8702 6.46823 12.7458 6.5091 13.8412L6.51039 13.891H9.12881L9.12873 13.8159C9.12872 13.4643 9.21664 13.1186 9.3841 12.8101L9.4112 12.7617C9.98655 11.7652 11.2525 11.4161 12.2554 11.97L12.2911 11.9901L12.3561 12.0275L13.6057 9.86324L13.6001 9.86015C13.3014 9.68766 13.0508 9.44336 12.8708 9.14973L12.843 9.10296C12.2786 8.12536 12.6029 6.87857 13.5651 6.29799L13.6002 6.2773L13.6652 6.2398L12.3561 3.97233L12.291 4.00996C11.9865 4.18574 11.6432 4.28244 11.2923 4.29167L11.2369 4.2924C10.0856 4.29237 9.14994 3.36956 9.12908 2.22313L9.12873 2.18396L9.12881 2.10914L6.51063 2.10902ZM7.92147 4.72732C9.72895 4.72732 11.1942 6.19257 11.1942 8.00005C11.1942 9.80753 9.72895 11.2728 7.92147 11.2728C6.114 11.2728 4.64875 9.80753 4.64875 8.00005C4.64875 6.19257 6.114 4.72732 7.92147 4.72732ZM7.92147 6.03641C6.83699 6.03641 5.95784 6.91556 5.95784 8.00005C5.95784 9.08453 6.83699 9.96369 7.92147 9.96369C9.00596 9.96369 9.88511 9.08453 9.88511 8.00005C9.88511 6.91556 9.00596 6.03641 7.92147 6.03641Z" fill="#0047FF"/>
<path d="M9.24777 0.800049C9.90503 0.800049 10.4378 1.33284 10.4378 1.9901L10.4378 2.18417C10.4378 2.62551 10.7956 2.98329 11.2369 2.9833C11.3772 2.98331 11.515 2.94638 11.6365 2.87625L11.8046 2.7792C12.3738 2.45058 13.1016 2.64561 13.4303 3.21481L14.8584 5.68835C15.1812 6.24756 14.9987 6.9599 14.4524 7.29636L14.4227 7.31401L14.2547 7.41102C13.8915 7.62073 13.767 8.0852 13.9767 8.44845C14.0434 8.56391 14.1392 8.65978 14.2547 8.72644L14.3633 8.78913C14.9325 9.11776 15.1275 9.8456 14.7989 10.4148L13.4303 12.7853C13.1074 13.3445 12.3992 13.5426 11.8347 13.2377L11.8046 13.2209L11.6365 13.1238C11.2543 12.9031 10.7656 13.0341 10.5449 13.4163C10.4747 13.5378 10.4378 13.6756 10.4378 13.8159L10.4378 14.01C10.4379 14.6561 9.92297 15.182 9.28111 15.1996L9.24777 15.2H6.39157C5.73432 15.2 5.2015 14.6672 5.20146 14.01L5.20145 13.919C5.20144 13.5105 4.8703 13.1793 4.46183 13.1794C4.332 13.1794 4.20446 13.2135 4.09203 13.2785L4.01326 13.3239C3.45406 13.6468 2.74172 13.4643 2.40525 12.918L2.38759 12.8884L0.959492 10.4148C0.630894 9.8456 0.825905 9.11777 1.39508 8.7891L1.56321 8.69202C1.94541 8.47134 2.07635 7.98262 1.85567 7.60042C1.78553 7.47894 1.68465 7.37806 1.56316 7.30793L1.39512 7.21092C0.835856 6.88813 0.637769 6.17995 0.942603 5.61541L0.959492 5.58529L2.32809 3.21481C2.65673 2.64561 3.38456 2.45059 3.95378 2.7792L4.06228 2.84184C4.42552 3.05156 4.88999 2.92709 5.09971 2.56385C5.16636 2.44841 5.20145 2.31745 5.20145 2.18415L5.20146 1.99013C5.2015 1.33288 5.73432 0.800049 6.39157 0.800049H9.24777ZM6.51063 2.10902L6.51054 2.18418C6.51054 2.54726 6.41496 2.90394 6.23342 3.21839C5.66902 4.19598 4.42714 4.53859 3.44319 3.99557L3.40237 3.97233L2.15279 6.13662L2.21765 6.17419C2.52213 6.34997 2.77756 6.59894 2.961 6.89818L2.98936 6.94584C3.5647 7.9423 3.23411 9.21322 2.2531 9.80487L2.21779 9.82571L2.15279 9.86324L3.462 12.1309L3.48698 12.1171C3.76948 11.9642 4.08399 11.88 4.40507 11.8711L4.46179 11.8703C5.56725 11.8702 6.46823 12.7458 6.5091 13.8412L6.51039 13.891H9.12881L9.12873 13.8159C9.12872 13.4643 9.21664 13.1186 9.3841 12.8101L9.4112 12.7617C9.98655 11.7652 11.2525 11.4161 12.2554 11.97L12.2911 11.9901L12.3561 12.0275L13.6057 9.86324L13.6001 9.86015C13.3014 9.68766 13.0508 9.44336 12.8708 9.14973L12.843 9.10296C12.2786 8.12536 12.6029 6.87857 13.5651 6.29799L13.6002 6.2773L13.6652 6.2398L12.3561 3.97233L12.291 4.00996C11.9865 4.18574 11.6432 4.28244 11.2923 4.29167L11.2369 4.2924C10.0856 4.29237 9.14994 3.36956 9.12908 2.22313L9.12873 2.18396L9.12881 2.10914L6.51063 2.10902ZM7.92147 4.72732C9.72895 4.72732 11.1942 6.19257 11.1942 8.00005C11.1942 9.80753 9.72895 11.2728 7.92147 11.2728C6.114 11.2728 4.64875 9.80753 4.64875 8.00005C4.64875 6.19257 6.114 4.72732 7.92147 4.72732ZM7.92147 6.03641C6.83699 6.03641 5.95784 6.91556 5.95784 8.00005C5.95784 9.08453 6.83699 9.96369 7.92147 9.96369C9.00596 9.96369 9.88511 9.08453 9.88511 8.00005C9.88511 6.91556 9.00596 6.03641 7.92147 6.03641Z" fill="#56606D"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.0 KiB

After

Width:  |  Height:  |  Size: 3.0 KiB

8
web/satellite/static/images/navigation/newProject.svg
View File

@ -1,5 +1,5 @@
<svg width="37" height="30" viewBox="0 0 50 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.07346 5.00025C6.07346 2.23883 8.31204 0.000244141 11.0735 0.000244141H38.3799C41.1414 0.000244141 43.3799 2.23882 43.3799 5.00024V26.4618H6.07346V5.00025Z" fill="#376FFF"/>
<path d="M0 26.0281C0 27.7052 1.35952 29.0647 3.03658 29.0647H46.4162C48.0933 29.0647 49.4528 27.7052 49.4528 26.0281H0Z" fill="#0218A7"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M29.9326 19.5676C32.8075 16.6926 32.8075 12.0314 29.9326 9.15645C27.0576 6.28151 22.3964 6.28151 19.5214 9.15645C16.6465 12.0314 16.6465 16.6926 19.5214 19.5676C22.3964 22.4425 27.0576 22.4425 29.9326 19.5676ZM24.7269 10.2084C25.0798 10.2084 25.3659 10.4945 25.3659 10.8474V13.7228H28.2413C28.5942 13.7228 28.8803 14.0089 28.8803 14.3618C28.8803 14.7147 28.5942 15.0008 28.2413 15.0008H25.3659V17.8762C25.3659 18.2291 25.0798 18.5152 24.7269 18.5152C24.374 18.5152 24.0879 18.2291 24.0879 17.8762V15.0008H21.2124C20.8595 15.0008 20.5735 14.7147 20.5735 14.3618C20.5735 14.0089 20.8595 13.7228 21.2124 13.7228H24.0879V10.8474C24.0879 10.4945 24.374 10.2084 24.7269 10.2084Z" fill="white"/>
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.4423 0H23.3463C28.8835 0 31.0805 0.613723 33.2353 1.76617C35.3902 2.91861 37.0814 4.60977 38.2338 6.76466L38.3214 6.93055C39.4029 9.00672 39.9846 11.2 40 16.4423V23.3463C40 28.8835 39.3863 31.0805 38.2338 33.2353C37.0814 35.3902 35.3902 37.0814 33.2353 38.2338L33.0694 38.3214C30.9933 39.4029 28.8 39.9846 23.5577 40H16.6537C11.1165 40 8.91954 39.3863 6.76466 38.2338C4.60977 37.0814 2.91861 35.3902 1.76617 33.2353L1.67858 33.0694C0.597074 30.9933 0.0154219 28.8 0 23.5577V16.6537C0 11.1165 0.613723 8.91954 1.76617 6.76466C2.91861 4.60977 4.60977 2.91861 6.76466 1.76617L6.93055 1.67858C9.00672 0.597074 11.2 0.0154219 16.4423 0Z" fill="#EBEEF1"/>
<circle cx="20.3618" cy="20.3618" r="7.36176" transform="rotate(-45 20.3618 20.3618)" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M25.5673 25.5673C28.4423 22.6924 28.4423 18.0312 25.5673 15.1562C22.6924 12.2813 18.0312 12.2813 15.1562 15.1562C12.2813 18.0312 12.2813 22.6924 15.1562 25.5673C18.0312 28.4423 22.6924 28.4423 25.5673 25.5673ZM20.3617 16.2081C20.7146 16.2081 21.0006 16.4942 21.0006 16.8471V19.7226H23.8761C24.229 19.7226 24.5151 20.0087 24.5151 20.3616C24.5151 20.7145 24.229 21.0006 23.8761 21.0006H21.0006V23.876C21.0006 24.2289 20.7146 24.515 20.3617 24.515C20.0087 24.515 19.7227 24.2289 19.7227 23.876V21.0006H16.8472C16.4943 21.0006 16.2082 20.7145 16.2082 20.3616C16.2082 20.0087 16.4943 19.7226 16.8472 19.7226H19.7227V16.8471C19.7227 16.4942 20.0087 16.2081 20.3617 16.2081Z" fill="#0149FF"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

2
web/satellite/static/images/navigation/projectDashboard.svg
View File

@ -1,3 +1,3 @@
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.9999 2.69995C13.4734 2.69995 17.0999 6.29647 17.0999 10.733C17.0999 12.3941 16.5915 13.9374 15.7207 15.2183H2.27915C1.40828 13.9374 0.899902 12.3941 0.899902 10.733C0.899902 6.29647 4.5264 2.69995 8.9999 2.69995ZM8.9999 4.17268C5.33704 4.17268 2.37263 7.11259 2.37263 10.733C2.37263 11.765 2.61287 12.7593 3.06475 13.656L3.11087 13.7455H14.8889L14.8921 13.7398C15.3587 12.8462 15.6132 11.8525 15.6266 10.8192L15.6272 10.733C15.6272 7.11259 12.6628 4.17268 8.9999 4.17268ZM11.7821 8.02523C12.0678 8.29853 12.0855 8.74671 11.8279 9.04146L11.8052 9.06634L9.53203 11.4428C9.25092 11.7367 8.7848 11.7471 8.49091 11.466C8.20519 11.1927 8.18746 10.7445 8.44502 10.4497L8.46778 10.4248L10.7409 8.04836C11.022 7.75448 11.4882 7.74412 11.7821 8.02523Z" fill="#56606D"/>
<path d="M9.00002 2.70001C13.4735 2.70001 17.1 6.29653 17.1 10.7331C17.1 12.3942 16.5916 13.9375 15.7208 15.2184H2.27928C1.4084 13.9375 0.900024 12.3942 0.900024 10.7331C0.900024 6.29653 4.52652 2.70001 9.00002 2.70001ZM9.00002 4.17274C5.33716 4.17274 2.37275 7.11265 2.37275 10.7331C2.37275 11.765 2.61299 12.7594 3.06487 13.6561L3.11099 13.7456H14.8891L14.8922 13.7399C15.3588 12.8463 15.6133 11.8526 15.6267 10.8193L15.6273 10.7331C15.6273 7.11265 12.6629 4.17274 9.00002 4.17274ZM11.7822 8.02529C12.0679 8.29859 12.0856 8.74677 11.8281 9.04152L11.8053 9.0664L9.53215 11.4429C9.25104 11.7368 8.78492 11.7471 8.49103 11.466C8.20531 11.1927 8.18758 10.7445 8.44515 10.4498L8.4679 10.4249L10.7411 8.04842C11.0222 7.75454 11.4883 7.74418 11.7822 8.02529Z" fill="#56606D"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 879 B

After

Width:  |  Height:  |  Size: 879 B

2
web/satellite/static/images/navigation/quickStart.svg
View File

@ -1,3 +1,3 @@
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.00321 12.5637C9.40013 12.5637 9.72373 12.8777 9.73928 13.2708L9.73986 13.3004V16.3633C9.73986 16.7701 9.41005 17.0999 9.00321 17.0999C8.60629 17.0999 8.28269 16.786 8.26715 16.3929L8.26656 16.3633V13.3004C8.26656 12.8936 8.59637 12.5637 9.00321 12.5637ZM12.5825 11.5385L12.6069 11.5618L14.7307 13.6855C15.0184 13.9732 15.0184 14.4396 14.7307 14.7273C14.451 15.007 14.0024 15.0148 13.7133 14.7506L13.6889 14.7273L11.5651 12.6035C11.2774 12.3159 11.2774 11.8494 11.5651 11.5618C11.8366 11.2903 12.2672 11.275 12.5566 11.5159L12.5825 11.5385ZM6.48415 11.4846C6.7631 11.765 6.76968 12.2137 6.50477 12.5021L6.4814 12.5264L4.29031 14.7019C4.00187 14.9888 3.53545 14.9876 3.24853 14.6992C2.96958 14.4187 2.963 13.9701 3.22792 13.6817L3.25129 13.6574L5.44237 11.4819C5.73081 11.1949 6.19723 11.1962 6.48415 11.4846ZM4.70534 8.26321C5.11218 8.26321 5.44199 8.59302 5.44199 8.99986C5.44199 9.39678 5.12808 9.72038 4.73497 9.73592L4.70534 9.73651H1.63655C1.22971 9.73651 0.899902 9.4067 0.899902 8.99986C0.899902 8.60294 1.21382 8.27934 1.60693 8.26379L1.63655 8.26321H4.70534ZM16.3668 8.26321C16.7736 8.26321 17.1034 8.59302 17.1034 8.99986C17.1034 9.39678 16.7895 9.72038 16.3964 9.73592L16.3668 9.73651H13.422C13.0152 9.73651 12.6854 9.4067 12.6854 8.99986C12.6854 8.60294 12.9993 8.27934 13.3924 8.26379L13.422 8.26321H16.3668ZM4.28844 3.24438L4.31282 3.26769L6.44387 5.39874C6.73155 5.68642 6.73155 6.15284 6.44387 6.44052C6.16419 6.72021 5.71555 6.72798 5.42647 6.46383L5.40209 6.44052L3.27104 4.30947C2.98336 4.02179 2.98336 3.55537 3.27104 3.26769C3.54251 2.99623 3.97313 2.98092 4.26253 3.22178L4.28844 3.24438ZM14.7335 3.27475C15.0125 3.55517 15.0191 4.00383 14.7542 4.29221L14.7308 4.31652L12.6582 6.3742C12.3697 6.66112 11.9033 6.65989 11.6164 6.37145C11.3374 6.09102 11.3309 5.64236 11.5958 5.35399L11.6191 5.32967L13.6918 3.27199C13.9802 2.98507 14.4466 2.98631 14.7335 3.27475ZM9.00321 0.899902C9.40013 0.899902 9.72373 1.21382 9.73928 1.60693L9.73986 1.63655V4.58281C9.73986 4.98965 9.41005 5.31946 9.00321 5.31946C8.60629 5.31946 8.28269 5.00554 8.26715 4.61244L8.26656 4.58281V1.63655C8.26656 1.22971 8.59637 0.899902 9.00321 0.899902Z" fill="#56606D"/>
<path d="M9.00333 12.5639C9.40025 12.5639 9.72385 12.8778 9.7394 13.2709L9.73998 13.3005V16.3634C9.73998 16.7702 9.41017 17.1 9.00333 17.1C8.60642 17.1 8.28282 16.7861 8.26727 16.393L8.26668 16.3634V13.3005C8.26668 12.8937 8.59649 12.5639 9.00333 12.5639ZM12.5826 11.5386L12.607 11.5619L14.7308 13.6857C15.0185 13.9733 15.0185 14.4398 14.7308 14.7275C14.4511 15.0071 14.0025 15.0149 13.7134 14.7508L13.689 14.7275L11.5652 12.6037C11.2776 12.316 11.2776 11.8496 11.5652 11.5619C11.8367 11.2904 12.2673 11.2751 12.5567 11.516L12.5826 11.5386ZM6.48427 11.4847C6.76322 11.7652 6.7698 12.2138 6.50489 12.5022L6.48152 12.5265L4.29043 14.702C4.00199 14.989 3.53557 14.9877 3.24865 14.6993C2.96971 14.4189 2.96312 13.9702 3.22804 13.6818L3.25141 13.6575L5.44249 11.482C5.73093 11.1951 6.19735 11.1963 6.48427 11.4847ZM4.70546 8.26333C5.1123 8.26333 5.44211 8.59314 5.44211 8.99998C5.44211 9.3969 5.1282 9.7205 4.73509 9.73605L4.70546 9.73663H1.63668C1.22983 9.73663 0.900024 9.40682 0.900024 8.99998C0.900024 8.60306 1.21394 8.27946 1.60705 8.26391L1.63668 8.26333H4.70546ZM16.3669 8.26333C16.7737 8.26333 17.1035 8.59314 17.1035 8.99998C17.1035 9.3969 16.7896 9.7205 16.3965 9.73605L16.3669 9.73663H13.4221C13.0153 9.73663 12.6855 9.40682 12.6855 8.99998C12.6855 8.60306 12.9994 8.27946 13.3925 8.26391L13.4221 8.26333H16.3669ZM4.28857 3.2445L4.31295 3.26781L6.444 5.39886C6.73168 5.68654 6.73168 6.15296 6.444 6.44064C6.16431 6.72033 5.71567 6.7281 5.42659 6.46395L5.40222 6.44064L3.27116 4.30959C2.98348 4.02191 2.98348 3.55549 3.27116 3.26781C3.54263 2.99635 3.97325 2.98105 4.26265 3.2219L4.28857 3.2445ZM14.7337 3.27487C15.0126 3.5553 15.0192 4.00395 14.7543 4.29233L14.7309 4.31665L12.6583 6.37432C12.3699 6.66124 11.9034 6.66001 11.6165 6.37157C11.3376 6.09114 11.331 5.64248 11.5959 5.35411L11.6193 5.32979L13.6919 3.27211C13.9803 2.9852 14.4467 2.98643 14.7337 3.27487ZM9.00333 0.900024C9.40025 0.900024 9.72385 1.21394 9.7394 1.60705L9.73998 1.63668V4.58293C9.73998 4.98977 9.41017 5.31958 9.00333 5.31958C8.60642 5.31958 8.28282 5.00566 8.26727 4.61256L8.26668 4.58293V1.63668C8.26668 1.22983 8.59649 0.900024 9.00333 0.900024Z" fill="#56606D"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.2 KiB

After

Width:  |  Height:  |  Size: 2.2 KiB

2
web/satellite/static/images/navigation/resources.svg
View File

@ -1,3 +1,3 @@
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.1279 3.60026C14.9368 3.60439 15.3607 3.69002 15.8015 3.92576C16.2191 4.14911 16.5509 4.4809 16.7742 4.89854C17.016 5.35063 17.0999 5.78498 17.0999 6.63504V11.919C17.0956 12.7279 17.01 13.1518 16.7742 13.5926C16.5509 14.0102 16.2191 14.342 15.8015 14.5653C15.372 14.795 14.9585 14.8822 14.1894 14.8904L14.065 14.891H3.93484C3.08478 14.891 2.65044 14.8071 2.19834 14.5653C1.78071 14.342 1.44891 14.0102 1.22556 13.5926C0.995867 13.1631 0.908685 12.7496 0.900541 11.9805L0.899902 11.8561V6.63504C0.899902 5.78498 0.983778 5.35063 1.22556 4.89854C1.44891 4.4809 1.78071 4.14911 2.19834 3.92576C2.65044 3.68397 3.08478 3.6001 3.93484 3.6001L14.1279 3.60026ZM8.26354 4.9501L3.88469 4.95019C3.31057 4.9523 3.08417 4.99178 2.8723 5.09696L2.835 5.1162C2.65263 5.21374 2.51354 5.35283 2.41601 5.53519C2.29312 5.76498 2.2499 5.98878 2.2499 6.63504V11.9062C2.25211 12.4813 2.29171 12.7075 2.39726 12.9196L2.41601 12.9559C2.51354 13.1383 2.65263 13.2774 2.835 13.3749C3.06478 13.4978 3.28858 13.541 3.93484 13.541H8.26354V4.9501ZM14.1151 4.95019L9.61354 4.9501V13.5409L14.1151 13.5409C14.6727 13.5389 14.9023 13.5016 15.1092 13.4031L15.1285 13.3936L15.1648 13.3749C15.3472 13.2774 15.4863 13.1383 15.5838 12.9559C15.7067 12.7261 15.7499 12.5023 15.7499 11.8561L15.7498 6.58489C15.7477 6.01077 15.7082 5.78436 15.603 5.5725L15.5838 5.53519C15.4863 5.35283 15.3472 5.21374 15.1648 5.1162L15.145 5.10579L15.1285 5.09746C15.1111 5.08877 15.0935 5.08053 15.0757 5.07272C15.074 5.07197 15.0722 5.07119 15.0704 5.07041L15.0757 5.07272C15.0708 5.07061 15.066 5.06853 15.0611 5.06647L15.0704 5.07041C15.0624 5.067 15.0545 5.06367 15.0464 5.06042L15.0611 5.06647C15.0541 5.06353 15.0471 5.06064 15.0399 5.05782L15.0464 5.06042C15.0422 5.05871 15.0379 5.05702 15.0337 5.05536L15.0399 5.05782C15.0266 5.05252 15.013 5.04745 14.9991 5.04259C14.9968 5.04178 14.9944 5.04097 14.9921 5.04016L14.9991 5.04259C14.9908 5.03968 14.9823 5.03684 14.9738 5.03409C14.9475 5.02561 14.9201 5.01786 14.891 5.0108C14.887 5.00983 14.8831 5.00888 14.879 5.00795L14.891 5.0108C14.8823 5.00869 14.8735 5.00664 14.8645 5.00465L14.879 5.00795C14.8712 5.00613 14.8633 5.00436 14.8553 5.00263L14.8645 5.00465C14.8564 5.00284 14.8481 5.00109 14.8397 4.99938L14.8553 5.00263C14.8479 5.00106 14.8405 4.99953 14.8329 4.99803L14.8397 4.99938C14.8153 4.99445 14.7899 4.98994 14.7631 4.98582C14.7581 4.98506 14.7531 4.9843 14.748 4.98357L14.7631 4.98582C14.7547 4.98453 14.7461 4.98328 14.7375 4.98207L14.748 4.98357C14.7246 4.98016 14.7001 4.97704 14.6745 4.9742C14.6658 4.97324 14.6569 4.9723 14.6479 4.97139C14.6354 4.97013 14.6227 4.96894 14.6097 4.96781C14.5936 4.96641 14.5771 4.9651 14.5602 4.96388C14.5551 4.96351 14.55 4.96315 14.5448 4.9628L14.5602 4.96388C14.5478 4.96299 14.5353 4.96214 14.5224 4.96134L14.5448 4.9628C14.5332 4.96201 14.5214 4.96127 14.5095 4.96056L14.5224 4.96134C14.5116 4.96067 14.5005 4.96002 14.4893 4.95941L14.5095 4.96056C14.4817 4.95892 14.4527 4.95748 14.4225 4.95625C14.4213 4.9562 14.4201 4.95615 14.4188 4.9561L14.4225 4.95625C14.4108 4.95577 14.3989 4.95532 14.3869 4.9549L14.4188 4.9561C14.3748 4.95432 14.3281 4.95297 14.2783 4.95199C14.2562 4.95156 14.2336 4.95121 14.2103 4.95092L14.1151 4.95019ZM6.2999 10.7796C6.67269 10.7796 6.9749 11.0819 6.9749 11.4546C6.9749 11.8183 6.68726 12.1149 6.32705 12.1291L6.2999 12.1296H4.09081C3.71802 12.1296 3.41581 11.8274 3.41581 11.4546C3.41581 11.0909 3.70346 10.7944 4.06366 10.7802L4.09081 10.7796H6.2999ZM13.1113 10.7796C13.4841 10.7796 13.7863 11.0819 13.7863 11.4546C13.7863 11.8183 13.4986 12.1149 13.1384 12.1291L13.1113 12.1296H11.5158C11.143 12.1296 10.8408 11.8274 10.8408 11.4546C10.8408 11.0909 11.1285 10.7944 11.4887 10.7802L11.5158 10.7796H13.1113ZM6.2999 8.57055C6.67269 8.57055 6.9749 8.87276 6.9749 9.24555C6.9749 9.60925 6.68726 9.90577 6.32705 9.92002L6.2999 9.92055H4.09081C3.71802 9.92055 3.41581 9.61834 3.41581 9.24555C3.41581 8.88185 3.70346 8.58534 4.06366 8.57109L4.09081 8.57055H6.2999ZM13.7249 8.57055C14.0977 8.57055 14.3999 8.87276 14.3999 9.24555C14.3999 9.60925 14.1123 9.90577 13.7521 9.92002L13.7249 9.92055H11.5158C11.143 9.92055 10.8408 9.61834 10.8408 9.24555C10.8408 8.88185 11.1285 8.58534 11.4887 8.57109L11.5158 8.57055H13.7249ZM6.2999 6.36146C6.67269 6.36146 6.9749 6.66367 6.9749 7.03646C6.9749 7.40016 6.68726 7.69668 6.32705 7.71093L6.2999 7.71146H4.09081C3.71802 7.71146 3.41581 7.40925 3.41581 7.03646C3.41581 6.67276 3.70346 6.37625 4.06366 6.362L4.09081 6.36146H6.2999ZM13.7249 6.36146C14.0977 6.36146 14.3999 6.66367 14.3999 7.03646C14.3999 7.40016 14.1123 7.69668 13.7521 7.71093L13.7249 7.71146H11.5158C11.143 7.71146 10.8408 7.40925 10.8408 7.03646C10.8408 6.67276 11.1285 6.37625 11.4887 6.362L11.5158 6.36146H13.7249Z" fill="#56606D"/>
<path d="M14.1281 3.60013C14.9369 3.60427 15.3608 3.6899 15.8016 3.92564C16.2192 4.14899 16.551 4.48078 16.7744 4.89841C17.0161 5.35051 17.1 5.78485 17.1 6.63492V11.9189C17.0957 12.7277 17.0101 13.1517 16.7744 13.5924C16.551 14.0101 16.2192 14.3419 15.8016 14.5652C15.3721 14.7949 14.9586 14.8821 14.1895 14.8902L14.0651 14.8909H3.93496C3.0849 14.8909 2.65056 14.807 2.19846 14.5652C1.78083 14.3419 1.44904 14.0101 1.22568 13.5924C0.995989 13.163 0.908807 12.7495 0.900663 11.9804L0.900024 11.8559V6.63492C0.900024 5.78485 0.9839 5.35051 1.22568 4.89841C1.44904 4.48078 1.78083 4.14899 2.19846 3.92564C2.65056 3.68385 3.0849 3.59998 3.93496 3.59998L14.1281 3.60013ZM8.26366 4.94998L3.88481 4.95007C3.31069 4.95218 3.08429 4.99165 2.87243 5.09683L2.83512 5.11608C2.65275 5.21361 2.51366 5.3527 2.41613 5.53507C2.29324 5.76486 2.25002 5.98866 2.25002 6.63492V11.9061C2.25223 12.4811 2.29183 12.7073 2.39739 12.9195L2.41613 12.9558C2.51366 13.1382 2.65275 13.2772 2.83512 13.3748C3.0649 13.4977 3.2887 13.5409 3.93496 13.5409H8.26366V4.94998ZM14.1152 4.95007L9.61366 4.94998V13.5408L14.1152 13.5408C14.6728 13.5387 14.9024 13.5014 15.1093 13.4029L15.1286 13.3935L15.1649 13.3748C15.3473 13.2772 15.4864 13.1382 15.5839 12.9558C15.7068 12.726 15.75 12.5022 15.75 11.8559L15.7499 6.58476C15.7478 6.01064 15.7083 5.78424 15.6032 5.57238L15.5839 5.53507C15.4864 5.3527 15.3473 5.21361 15.1649 5.11608L15.1451 5.10567L15.1286 5.09734C15.1112 5.08865 15.0936 5.08041 15.0758 5.0726C15.0741 5.07185 15.0723 5.07107 15.0705 5.07029L15.0758 5.0726C15.071 5.07049 15.0661 5.0684 15.0612 5.06635L15.0705 5.07029C15.0626 5.06688 15.0546 5.06355 15.0466 5.0603L15.0612 5.06635C15.0542 5.0634 15.0472 5.06052 15.0401 5.0577L15.0466 5.0603C15.0423 5.05859 15.0381 5.0569 15.0338 5.05524L15.0401 5.0577C15.0267 5.0524 15.0131 5.04733 14.9992 5.04247C14.9969 5.04166 14.9945 5.04084 14.9922 5.04004L14.9992 5.04247C14.9909 5.03956 14.9825 5.03672 14.9739 5.03396C14.9476 5.02549 14.9202 5.01774 14.8912 5.01068C14.8872 5.00971 14.8832 5.00876 14.8792 5.00782L14.8912 5.01068C14.8825 5.00857 14.8736 5.00652 14.8646 5.00453L14.8792 5.00782C14.8714 5.006 14.8634 5.00423 14.8554 5.00251L14.8646 5.00453C14.8565 5.00272 14.8482 5.00096 14.8398 4.99926L14.8554 5.00251C14.848 5.00094 14.8406 4.99941 14.8331 4.99791L14.8398 4.99926C14.8155 4.99433 14.79 4.98982 14.7632 4.9857C14.7582 4.98493 14.7532 4.98418 14.7481 4.98344L14.7632 4.9857C14.7548 4.98441 14.7463 4.98316 14.7376 4.98194L14.7481 4.98344C14.7247 4.98004 14.7002 4.97692 14.6746 4.97408C14.6659 4.97311 14.6571 4.97217 14.648 4.97127C14.6356 4.97001 14.6228 4.96882 14.6099 4.96769C14.5938 4.96629 14.5773 4.96498 14.5603 4.96375C14.5552 4.96339 14.5501 4.96303 14.5449 4.96268L14.5603 4.96375C14.548 4.96286 14.5354 4.96202 14.5225 4.96122L14.5449 4.96268C14.5333 4.96189 14.5216 4.96114 14.5096 4.96044L14.5225 4.96122C14.5117 4.96055 14.5006 4.9599 14.4894 4.95929L14.5096 4.96044C14.4818 4.9588 14.4528 4.95736 14.4226 4.95612C14.4215 4.95608 14.4202 4.95603 14.4189 4.95598L14.4226 4.95612C14.4109 4.95565 14.3991 4.9552 14.387 4.95478L14.4189 4.95598C14.3749 4.9542 14.3282 4.95284 14.2784 4.95187C14.2564 4.95144 14.2337 4.95108 14.2105 4.9508L14.1152 4.95007ZM6.30002 10.7795C6.67282 10.7795 6.97502 11.0817 6.97502 11.4545C6.97502 11.8182 6.68738 12.1147 6.32717 12.129L6.30002 12.1295H4.09093C3.71814 12.1295 3.41593 11.8273 3.41593 11.4545C3.41593 11.0908 3.70358 10.7943 4.06379 10.7801L4.09093 10.7795H6.30002ZM13.1114 10.7795C13.4842 10.7795 13.7864 11.0817 13.7864 11.4545C13.7864 11.8182 13.4987 12.1147 13.1385 12.129L13.1114 12.1295H11.5159C11.1431 12.1295 10.8409 11.8273 10.8409 11.4545C10.8409 11.0908 11.1286 10.7943 11.4888 10.7801L11.5159 10.7795H13.1114ZM6.30002 8.57043C6.67282 8.57043 6.97502 8.87264 6.97502 9.24543C6.97502 9.60913 6.68738 9.90565 6.32717 9.91989L6.30002 9.92043H4.09093C3.71814 9.92043 3.41593 9.61822 3.41593 9.24543C3.41593 8.88173 3.70358 8.58521 4.06379 8.57097L4.09093 8.57043H6.30002ZM13.725 8.57043C14.0978 8.57043 14.4 8.87264 14.4 9.24543C14.4 9.60913 14.1124 9.90565 13.7522 9.91989L13.725 9.92043H11.5159C11.1431 9.92043 10.8409 9.61822 10.8409 9.24543C10.8409 8.88173 11.1286 8.58521 11.4888 8.57097L11.5159 8.57043H13.725ZM6.30002 6.36134C6.67282 6.36134 6.97502 6.66355 6.97502 7.03634C6.97502 7.40004 6.68738 7.69656 6.32717 7.7108L6.30002 7.71134H4.09093C3.71814 7.71134 3.41593 7.40913 3.41593 7.03634C3.41593 6.67264 3.70358 6.37612 4.06379 6.36188L4.09093 6.36134H6.30002ZM13.725 6.36134C14.0978 6.36134 14.4 6.66355 14.4 7.03634C14.4 7.40004 14.1124 7.69656 13.7522 7.7108L13.725 7.71134H11.5159C11.1431 7.71134 10.8409 7.40913 10.8409 7.03634C10.8409 6.67264 11.1286 6.37612 11.4888 6.36188L11.5159 6.36134H13.725Z" fill="#56606D"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.7 KiB

After

Width:  |  Height:  |  Size: 4.7 KiB

7
web/satellite/static/images/navigation/support.svg
View File

@ -1,4 +1,5 @@
<svg width="32" height="25" viewBox="0 0 32 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.48 0.000244141C19.5845 0.000244141 20.48 0.895676 20.48 2.00025V10.8002C20.48 11.9048 19.5845 12.8002 18.48 12.8002H3.29094L-0.000488281 15.3602V10.8802H0.00155258C0.000509262 10.8537 -1.90735e-05 10.827 -1.90735e-05 10.8002V2.00024C-1.90735e-05 0.895675 0.895414 0.000244141 1.99998 0.000244141H18.48Z" fill="#003DC1"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.52 8.96021C12.4155 8.96021 11.52 9.85564 11.52 10.9602V19.7602C11.52 20.8648 12.4155 21.7602 13.52 21.7602H28.709L32.0005 24.3202V19.8402H31.9984C31.9995 19.8137 32 19.787 32 19.7602V10.9602C32 9.85564 31.1046 8.96021 30 8.96021H13.52Z" fill="#567BF7"/>
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.4423 0H23.3463C28.8835 0 31.0805 0.613723 33.2353 1.76617C35.3902 2.91861 37.0814 4.60977 38.2338 6.76466L38.3214 6.93056C39.4029 9.00672 39.9846 11.2 40 16.4423V23.3463C40 28.8835 39.3863 31.0805 38.2338 33.2353C37.0814 35.3902 35.3902 37.0814 33.2353 38.2338L33.0694 38.3214C30.9933 39.4029 28.8 39.9846 23.5577 40H16.6537C11.1165 40 8.91954 39.3863 6.76466 38.2338C4.60977 37.0814 2.91861 35.3902 1.76617 33.2353L1.67858 33.0694C0.597074 30.9933 0.0154219 28.8 0 23.5577V16.6537C0 11.1165 0.613723 8.91954 1.76617 6.76466C2.91861 4.60977 4.60977 2.91861 6.76466 1.76617L6.93056 1.67858C9.00672 0.597074 11.2 0.0154219 16.4423 0Z" fill="#EBEEF1"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M22.6674 7.93408C24.0241 7.93408 25.124 9.02393 25.124 10.3683V16.1384H17.6633C16.3201 16.1384 15.2287 17.2065 15.207 18.5324L15.2067 18.5726L15.2066 20.6462H9.29783L5.28931 24.1323V10.3683C5.28931 9.02393 6.38916 7.93408 7.7459 7.93408H22.6674Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M35.0411 32.0661L31.0327 28.58H17.6635C16.3067 28.58 15.2069 27.4901 15.2069 26.1457V18.3019C15.2069 16.9575 16.3067 15.8677 17.6635 15.8677H32.5845C33.9412 15.8677 35.0411 16.9575 35.0411 18.3019V32.0661Z" fill="#0149FF"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 792 B

After

Width:  |  Height:  |  Size: 1.4 KiB

35
web/satellite/static/images/navigation/uploadInCLI.svg
View File

@ -1,21 +1,16 @@
<svg width="37" height="30" viewBox="0 0 37 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#uploadInCLI)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.91116 0.00585938H27.9689C31.0919 0.00585938 32.2243 0.326511 33.366 0.928627C34.5077 1.53074 35.4037 2.41432 36.0143 3.54018L36.0506 3.60774C36.6378 4.7115 36.9501 5.84438 36.9501 8.86239V20.8527L36.9497 21.0352C36.937 23.977 36.6127 25.0716 36.0143 26.1749C35.4037 27.3008 34.5077 28.1844 33.366 28.7865C32.2357 29.3826 31.1145 29.7028 28.062 29.7093H9.00425C5.88129 29.7093 4.74884 29.3886 3.60713 28.7865C2.46543 28.1844 1.56941 27.3008 0.958819 26.1749L0.922526 26.1074C0.341343 25.0149 0.0294655 23.8939 0.0230637 20.9445V8.86239C0.0230637 5.78278 0.348228 4.66604 0.958819 3.54018C1.56941 2.41432 2.46543 1.53074 3.60713 0.928627C4.73742 0.332532 5.85864 0.0123005 8.91116 0.00585938Z" fill="#0218A7"/>
<path d="M5.56489 6.78853C6.54245 6.78853 7.33492 6.00706 7.33492 5.04307C7.33492 4.07908 6.54245 3.29761 5.56489 3.29761C4.58733 3.29761 3.79486 4.07908 3.79486 5.04307C3.79486 6.00706 4.58733 6.78853 5.56489 6.78853Z" fill="#FF458B"/>
<path d="M10.875 6.78853C11.8525 6.78853 12.645 6.00706 12.645 5.04307C12.645 4.07908 11.8525 3.29761 10.875 3.29761C9.89741 3.29761 9.10494 4.07908 9.10494 5.04307C9.10494 6.00706 9.89741 6.78853 10.875 6.78853Z" fill="#FFC600"/>
<path d="M16.1851 6.78853C17.1626 6.78853 17.9551 6.00706 17.9551 5.04307C17.9551 4.07908 17.1626 3.29761 16.1851 3.29761C15.2075 3.29761 14.415 4.07908 14.415 5.04307C14.415 6.00706 15.2075 6.78853 16.1851 6.78853Z" fill="#00E567"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.20366 9.1875H19.56C20.3298 9.1875 20.9553 9.79632 20.9686 10.5523L20.9688 10.5767C20.9688 11.344 20.338 11.966 19.56 11.966H5.20366C4.43388 11.966 3.8083 11.3572 3.79507 10.6012L3.79486 10.5767C3.79486 9.80949 4.4256 9.1875 5.20366 9.1875Z" fill="#276CFF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.2477 14.0168H15.5349C16.3046 14.0168 16.9302 14.6257 16.9434 15.3817L16.9437 15.4061C16.9437 16.1733 16.3129 16.7953 15.5349 16.7953H12.2477C11.4779 16.7953 10.8523 16.1865 10.8391 15.4305L10.8389 15.4061C10.8389 14.6388 11.4696 14.0168 12.2477 14.0168Z" fill="#FF458B"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.7675 14.0168H24.0547C24.8245 14.0168 25.4501 14.6257 25.4633 15.3817L25.4635 15.4061C25.4635 16.1733 24.8328 16.7953 24.0547 16.7953H20.7675C19.9978 16.7953 19.3722 16.1865 19.3589 15.4305L19.3587 15.4061C19.3587 14.6388 19.9895 14.0168 20.7675 14.0168Z" fill="#00E567"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M29.2874 14.0168H32.5746C33.3444 14.0168 33.97 14.6257 33.9832 15.3817L33.9834 15.4061C33.9834 16.1733 33.3527 16.7953 32.5746 16.7953H29.2874C28.5176 16.7953 27.892 16.1865 27.8788 15.4305L27.8786 15.4061C27.8786 14.6388 28.5093 14.0168 29.2874 14.0168Z" fill="#00E567"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M24.7256 9.1875H28.4824C29.2521 9.1875 29.8777 9.79632 29.891 10.5523L29.8912 10.5767C29.8912 11.344 29.2604 11.966 28.4824 11.966H24.7256C23.9558 11.966 23.3302 11.3572 23.317 10.6012L23.3168 10.5767C23.3168 9.80949 23.9475 9.1875 24.7256 9.1875Z" fill="#276CFF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.474 18.8459H24.0547C24.8245 18.8459 25.4501 19.4548 25.4633 20.2108L25.4635 20.2352C25.4635 21.0025 24.8328 21.6244 24.0547 21.6244H16.474C15.7043 21.6244 15.0787 21.0156 15.0655 20.2596L15.0652 20.2352C15.0652 19.4679 15.696 18.8459 16.474 18.8459Z" fill="#276CFF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.474 23.6753H19.56C20.3298 23.6753 20.9553 24.2841 20.9686 25.0401L20.9688 25.0645C20.9688 25.8318 20.338 26.4538 19.56 26.4538H16.474C15.7043 26.4538 15.0787 25.845 15.0655 25.089L15.0652 25.0645C15.0652 24.2973 15.696 23.6753 16.474 23.6753Z" fill="#276CFF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M24.7256 23.6753H28.4824C29.2521 23.6753 29.8777 24.2841 29.891 25.0401L29.8912 25.0645C29.8912 25.8318 29.2604 26.4538 28.4824 26.4538H24.7256C23.9558 26.4538 23.3302 25.845 23.317 25.089L23.3168 25.0645C23.3168 24.2973 23.9475 23.6753 24.7256 23.6753Z" fill="#FF458B"/>
</g>
<defs>
<clipPath id="uploadInCLI">
<rect width="37" height="30" fill="white" transform="translate(0 0.000244141)"/>
</clipPath>
</defs>
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.4423 0H23.3463C28.8835 0 31.0805 0.613723 33.2353 1.76617C35.3902 2.91861 37.0814 4.60977 38.2338 6.76466L38.3214 6.93055C39.4029 9.00672 39.9846 11.2 40 16.4423V23.3463C40 28.8835 39.3863 31.0805 38.2338 33.2353C37.0814 35.3902 35.3902 37.0814 33.2353 38.2338L33.0694 38.3214C30.9933 39.4029 28.8 39.9846 23.5577 40H16.6537C11.1165 40 8.91954 39.3863 6.76466 38.2338C4.60977 37.0814 2.91861 35.3902 1.76617 33.2353L1.67858 33.0694C0.597074 30.9933 0.0154219 28.8 0 23.5577V16.6537C0 11.1165 0.613723 8.91954 1.76617 6.76466C2.91861 4.60977 4.60977 2.91861 6.76466 1.76617L6.93055 1.67858C9.00672 0.597074 11.2 0.0154219 16.4423 0Z" fill="#C8D3DE"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.4703 0H23.3661C28.8967 0 31.0911 0.613723 33.2434 1.76617C35.3957 2.91861 37.0849 4.60977 38.236 6.76466L38.3235 6.93055C39.4037 9.00672 39.9846 11.2 40 16.4423V23.3463C40 28.8835 39.387 31.0805 38.236 33.2353C37.0849 35.3902 35.3957 37.0814 33.2434 38.2338L33.0777 38.3214C31.004 39.4029 28.8134 39.9846 23.5772 40H16.6814C11.1508 40 8.95643 39.3863 6.80411 38.2338C4.65178 37.0814 2.96262 35.3902 1.81154 33.2353L1.72406 33.0694C0.643836 30.9933 0.0628737 28.8 0.0474701 23.5577V16.6537C0.0474701 11.1165 0.660465 8.91954 1.81154 6.76466C2.96262 4.60977 4.65178 2.91861 6.80411 1.76617L6.96981 1.67858C9.04351 0.597074 11.2342 0.0154219 16.4703 0Z" fill="#EBEEF1"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.6875 7H22.1751C25.7743 7 27.2023 7.39892 28.603 8.14801C30.0036 8.8971 31.1029 9.99635 31.852 11.397L31.9089 11.5049C32.6119 12.8544 32.99 14.28 33 17.6875V22.1751C33 25.7743 32.6011 27.2023 31.852 28.603C31.1029 30.0036 30.0036 31.1029 28.603 31.852L28.4951 31.9089C27.1456 32.6119 25.72 32.99 22.3125 33H17.8249C14.2257 33 12.7977 32.6011 11.397 31.852C9.99635 31.1029 8.8971 30.0036 8.14801 28.603L8.09108 28.4951C7.3881 27.1456 7.01002 25.72 7 22.3125V17.8249C7 14.2257 7.39892 12.7977 8.14801 11.397C8.8971 9.99635 9.99635 8.8971 11.397 8.14801L11.5049 8.09108C12.8544 7.3881 14.28 7.01002 17.6875 7Z" fill="#0218A7"/>
<path d="M11.3248 12.6317C11.8712 12.6317 12.3142 12.1887 12.3142 11.6423C12.3142 11.0958 11.8712 10.6528 11.3248 10.6528C10.7784 10.6528 10.3354 11.0958 10.3354 11.6423C10.3354 12.1887 10.7784 12.6317 11.3248 12.6317Z" fill="#FF458B"/>
<path d="M14.2929 12.6317C14.8394 12.6317 15.2824 12.1887 15.2824 11.6423C15.2824 11.0958 14.8394 10.6528 14.2929 10.6528C13.7465 10.6528 13.3035 11.0958 13.3035 11.6423C13.3035 12.1887 13.7465 12.6317 14.2929 12.6317Z" fill="#FFC600"/>
<path d="M17.2614 12.6317C17.8078 12.6317 18.2508 12.1887 18.2508 11.6423C18.2508 11.0958 17.8078 10.6528 17.2614 10.6528C16.7149 10.6528 16.2719 11.0958 16.2719 11.6423C16.2719 12.1887 16.7149 12.6317 17.2614 12.6317Z" fill="#00E567"/>
<path d="M20.4354 16.1169H11.4555C10.9091 16.1169 10.4661 16.5599 10.4661 17.1064C10.4661 17.6528 10.9091 18.0958 11.4555 18.0958H20.4354C20.9819 18.0958 21.4249 17.6528 21.4249 17.1064C21.4249 16.5599 20.9819 16.1169 20.4354 16.1169Z" fill="#0149FF"/>
<path d="M17.6084 19.5564H15.2998C14.7533 19.5564 14.3103 19.9994 14.3103 20.5458C14.3103 21.0923 14.7533 21.5352 15.2998 21.5352H17.6084C18.1549 21.5352 18.5979 21.0923 18.5979 20.5458C18.5979 19.9994 18.1549 19.5564 17.6084 19.5564Z" fill="#FF458B"/>
<path d="M23.5921 19.5564H21.2834C20.737 19.5564 20.294 19.9994 20.294 20.5458C20.294 21.0923 20.737 21.5352 21.2834 21.5352H23.5921C24.1385 21.5352 24.5815 21.0923 24.5815 20.5458C24.5815 19.9994 24.1385 19.5564 23.5921 19.5564Z" fill="#00E567"/>
<path d="M29.5756 19.5564H27.267C26.7206 19.5564 26.2776 19.9994 26.2776 20.5458C26.2776 21.0923 26.7206 21.5352 27.267 21.5352H29.5756C30.1221 21.5352 30.565 21.0923 30.565 20.5458C30.565 19.9994 30.1221 19.5564 29.5756 19.5564Z" fill="#00E567"/>
<path d="M26.7016 16.1169H24.0631C23.5166 16.1169 23.0736 16.5599 23.0736 17.1064C23.0736 17.6528 23.5166 18.0958 24.0631 18.0958H26.7016C27.248 18.0958 27.691 17.6528 27.691 17.1064C27.691 16.5599 27.248 16.1169 26.7016 16.1169Z" fill="#0149FF"/>
<path d="M23.592 22.9958H18.268C17.7215 22.9958 17.2785 23.4388 17.2785 23.9853C17.2785 24.5317 17.7215 24.9747 18.268 24.9747H23.592C24.1385 24.9747 24.5815 24.5317 24.5815 23.9853C24.5815 23.4388 24.1385 22.9958 23.592 22.9958Z" fill="#0149FF"/>
<path d="M20.4352 26.4353H18.2679C17.7215 26.4353 17.2785 26.8783 17.2785 27.4247C17.2785 27.9712 17.7215 28.4141 18.2679 28.4141H20.4352C20.9817 28.4141 21.4246 27.9712 21.4246 27.4247C21.4246 26.8783 20.9817 26.4353 20.4352 26.4353Z" fill="#0149FF"/>
<path d="M26.7016 26.4353H24.0631C23.5166 26.4353 23.0736 26.8783 23.0736 27.4247C23.0736 27.9712 23.5166 28.4141 24.0631 28.4141H26.7016C27.248 28.4141 27.691 27.9712 27.691 27.4247C27.691 26.8783 27.248 26.4353 26.7016 26.4353Z" fill="#FF458B"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.3 KiB

After

Width:  |  Height:  |  Size: 4.9 KiB

36
web/satellite/static/images/navigation/uploadInWeb.svg
View File

@ -1,26 +1,12 @@
<svg width="37" height="30" viewBox="0 0 37 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#uploadInWeb)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.98732 0.00952148H28.1754C31.3197 0.00952148 32.4599 0.333375 33.6094 0.941503C34.7589 1.54963 35.6611 2.44204 36.2759 3.57914L36.3124 3.64737C36.9036 4.76215 37.218 5.90634 37.218 8.95449V21.0646L37.2176 21.2488C37.2048 24.22 36.8783 25.3255 36.2759 26.4399C35.6611 27.577 34.7589 28.4694 33.6094 29.0775C32.4714 29.6796 31.3425 30.003 28.2691 30.0095H9.08105C5.93673 30.0095 4.79653 29.6857 3.64702 29.0775C2.4975 28.4694 1.59536 27.577 0.980593 26.4399L0.944052 26.3717C0.358895 25.2683 0.0448844 24.136 0.0384388 21.1573V8.95449C0.0384388 5.84413 0.365827 4.71624 0.980593 3.57914C1.59536 2.44204 2.4975 1.54963 3.64702 0.941503C4.78504 0.339456 5.91393 0.016027 8.98732 0.00952148Z" fill="#EAEFF2"/>
<mask id="uploadInWebMask" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="9" width="38" height="22">
<path d="M0.0384388 9.53101H37.218V21.0644L37.2176 21.2487C37.2048 24.2199 36.8783 25.3254 36.2759 26.4398C35.6611 27.5769 34.7589 28.4693 33.6094 29.0774C32.4714 29.6795 31.3425 30.0029 28.2691 30.0094H9.08105C5.93673 30.0094 4.79653 29.6855 3.64702 29.0774C2.4975 28.4693 1.59536 27.5769 0.980593 26.4398L0.944052 26.3715C0.358895 25.2681 0.0448844 24.1359 0.0384388 21.1571V9.53101Z" fill="white"/>
</mask>
<g mask="url(#uploadInWebMask)">
<path d="M0.0384388 9.53101H37.218V21.0644L37.2176 21.2487C37.2048 24.2199 36.8783 25.3254 36.2759 26.4398C35.6611 27.5769 34.7589 28.4693 33.6094 29.0774C32.4714 29.6795 31.3425 30.0029 28.2691 30.0094H9.08105C5.93673 30.0094 4.79653 29.6855 3.64702 29.0774C2.4975 28.4693 1.59536 27.5769 0.980593 26.4398L0.944052 26.3715C0.358895 25.2681 0.0448844 24.1359 0.0384388 21.1571V9.53101Z" fill="#D1D9DF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.0081 9.53101V30.0094H9.08104C5.93673 30.0094 4.79653 29.6856 3.64702 29.0774C2.4975 28.4693 1.59536 27.5769 0.980593 26.4398L0.944052 26.3716C0.358895 25.2682 0.0448844 24.1359 0.0384388 21.1572V9.53101H10.0081Z" fill="#0149FF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.2922 12.0693H32.4699C33.2533 12.0693 33.8883 12.6975 33.8883 13.4725V14.5912C33.8883 15.3661 33.2533 15.9943 32.4699 15.9943H14.2922C13.5088 15.9943 12.8738 15.3661 12.8738 14.5912V13.4725C12.8738 12.6975 13.5088 12.0693 14.2922 12.0693Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.2922 17.5933H32.4699C33.2533 17.5933 33.8883 18.2215 33.8883 18.9964V20.1151C33.8883 20.89 33.2533 21.5182 32.4699 21.5182H14.2922C13.5088 21.5182 12.8738 20.89 12.8738 20.1151V18.9964C12.8738 18.2215 13.5088 17.5933 14.2922 17.5933Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.2922 23.1174H32.4699C33.2533 23.1174 33.8883 23.7456 33.8883 24.5205V25.6393C33.8883 26.4142 33.2533 27.0424 32.4699 27.0424H14.2922C13.5088 27.0424 12.8738 26.4142 12.8738 25.6393V24.5205C12.8738 23.7456 13.5088 23.1174 14.2922 23.1174Z" fill="white"/>
<path opacity="0.199481" fill-rule="evenodd" clip-rule="evenodd" d="M2.97656 12.0693H7.04657C7.82995 12.0693 8.46501 12.6975 8.46501 13.4725V13.5009C8.46501 14.2758 7.82995 14.904 7.04657 14.904H2.97656C2.20152 14.904 1.57166 14.2891 1.55835 13.5256L1.55813 13.4725C1.55813 12.6975 2.19319 12.0693 2.97656 12.0693Z" fill="white"/>
<path opacity="0.199481" fill-rule="evenodd" clip-rule="evenodd" d="M2.97656 16.7212H7.04657C7.82995 16.7212 8.46501 17.3494 8.46501 18.1243V18.1527C8.46501 18.9277 7.82995 19.5559 7.04657 19.5559H2.97656C2.20152 19.5559 1.57166 18.941 1.55835 18.1774L1.55813 18.1243C1.55813 17.3494 2.19319 16.7212 2.97656 16.7212Z" fill="white"/>
<path opacity="0.199481" fill-rule="evenodd" clip-rule="evenodd" d="M2.97656 21.3728H7.04657C7.82995 21.3728 8.46501 22.001 8.46501 22.7759V22.8044C8.46501 23.5793 7.82995 24.2075 7.04657 24.2075H2.97656C2.20152 24.2075 1.57166 23.5926 1.55835 22.829L1.55813 22.7759C1.55813 22.001 2.19319 21.3728 2.97656 21.3728Z" fill="white"/>
</g>
<path d="M5.61816 6.85977C6.60241 6.85977 7.4003 6.07049 7.4003 5.09688C7.4003 4.12326 6.60241 3.33398 5.61816 3.33398C4.63392 3.33398 3.83603 4.12326 3.83603 5.09688C3.83603 6.07049 4.63392 6.85977 5.61816 6.85977Z" fill="#FF458B"/>
<path d="M10.9646 6.85977C11.9488 6.85977 12.7467 6.07049 12.7467 5.09688C12.7467 4.12326 11.9488 3.33398 10.9646 3.33398C9.98031 3.33398 9.18243 4.12326 9.18243 5.09688C9.18243 6.07049 9.98031 6.85977 10.9646 6.85977Z" fill="#FFC600"/>
<path d="M16.311 6.85977C17.2952 6.85977 18.0931 6.07049 18.0931 5.09688C18.0931 4.12326 17.2952 3.33398 16.311 3.33398C15.3267 3.33398 14.5288 4.12326 14.5288 5.09688C14.5288 6.07049 15.3267 6.85977 16.311 6.85977Z" fill="#00E567"/>
</g>
<defs>
<clipPath id="uploadInWeb">
<rect width="37" height="30" fill="white" transform="translate(0 0.000244141)"/>
</clipPath>
</defs>
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.4423 0H23.3463C28.8835 0 31.0805 0.613723 33.2353 1.76617C35.3902 2.91861 37.0814 4.60977 38.2338 6.76466L38.3214 6.93055C39.4029 9.00672 39.9846 11.2 40 16.4423V23.3463C40 28.8835 39.3863 31.0805 38.2338 33.2353C37.0814 35.3902 35.3902 37.0814 33.2353 38.2338L33.0694 38.3214C30.9933 39.4029 28.8 39.9846 23.5577 40H16.6537C11.1165 40 8.91954 39.3863 6.76466 38.2338C4.60977 37.0814 2.91861 35.3902 1.76617 33.2353L1.67858 33.0694C0.597074 30.9933 0.0154219 28.8 0 23.5577V16.6537C0 11.1165 0.613723 8.91954 1.76617 6.76466C2.91861 4.60977 4.60977 2.91861 6.76466 1.76617L6.93055 1.67858C9.00672 0.597074 11.2 0.0154219 16.4423 0Z" fill="#C8D3DE"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.4703 0H23.3661C28.8967 0 31.0911 0.613723 33.2434 1.76617C35.3957 2.91861 37.0849 4.60977 38.236 6.76466L38.3235 6.93055C39.4037 9.00672 39.9846 11.2 40 16.4423V23.3463C40 28.8835 39.387 31.0805 38.236 33.2353C37.0849 35.3902 35.3957 37.0814 33.2434 38.2338L33.0777 38.3214C31.004 39.4029 28.8134 39.9846 23.5772 40H16.6814C11.1508 40 8.95643 39.3863 6.80411 38.2338C4.65178 37.0814 2.96262 35.3902 1.81154 33.2353L1.72406 33.0694C0.643836 30.9933 0.0628737 28.8 0.0474701 23.5577V16.6537C0.0474701 11.1165 0.660465 8.91954 1.81154 6.76466C2.96262 4.60977 4.65178 2.91861 6.80411 1.76617L6.96981 1.67858C9.04351 0.597074 11.2342 0.0154219 16.4703 0Z" fill="#EBEEF1"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.7192 8L27.0794 14.3603V29.4287H12V8L20.7192 8Z" fill="#0149FF"/>
<path d="M18.4817 14.6135H15.8361C15.4709 14.6135 15.1748 14.9096 15.1748 15.2749C15.1748 15.6402 15.4709 15.9363 15.8361 15.9363H18.4817C18.8469 15.9363 19.143 15.6402 19.143 15.2749C19.143 14.9096 18.8469 14.6135 18.4817 14.6135Z" fill="white"/>
<path d="M23.2436 17.7883H15.8361C15.4709 17.7883 15.1748 18.0844 15.1748 18.4497C15.1748 18.815 15.4709 19.1111 15.8361 19.1111H23.2436C23.6089 19.1111 23.905 18.815 23.905 18.4497C23.905 18.0844 23.6089 17.7883 23.2436 17.7883Z" fill="white"/>
<path d="M23.2436 20.9629H15.8361C15.4709 20.9629 15.1748 21.259 15.1748 21.6243C15.1748 21.9895 15.4709 22.2856 15.8361 22.2856H23.2436C23.6089 22.2856 23.905 21.9895 23.905 21.6243C23.905 21.259 23.6089 20.9629 23.2436 20.9629Z" fill="white"/>
<path d="M23.2436 24.1375H15.8361C15.4709 24.1375 15.1748 24.4336 15.1748 24.7988C15.1748 25.1641 15.4709 25.4602 15.8361 25.4602H23.2436C23.6089 25.4602 23.905 25.1641 23.905 24.7988C23.905 24.4336 23.6089 24.1375 23.2436 24.1375Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.7196 14.3601V7.99986L27.0798 14.3601L20.7196 14.3601Z" fill="#00127F"/>
<circle cx="26.8149" cy="28.8149" r="5.8149" fill="white"/>
<path d="M27.3584 25.7685L27.3752 25.7846L29.6025 28.012C29.8281 28.2375 29.8281 28.6032 29.6025 28.8287C29.3825 29.0487 29.0291 29.0541 28.8026 28.8448L28.7858 28.8287L27.525 27.5679V31.9926C27.525 32.3115 27.2664 32.5701 26.9475 32.5701C26.6363 32.5701 26.3827 32.324 26.3705 32.0158L26.37 31.9926V27.6063L25.1478 28.8287C24.9277 29.0487 24.5743 29.0541 24.3478 28.8448L24.3311 28.8287C24.111 28.6087 24.1057 28.2553 24.315 28.0288L24.3311 28.012L26.5584 25.7846C26.7785 25.5646 27.1319 25.5592 27.3584 25.7685Z" fill="#0218A7"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.0 KiB

After

Width:  |  Height:  |  Size: 3.3 KiB

2
web/satellite/static/images/navigation/users.svg
View File

@ -1,3 +1,3 @@
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.706 3.6001C13.56 3.6001 15.0629 5.10304 15.0629 6.95702C15.0629 7.90706 14.6654 8.79098 13.9894 9.41791L13.9419 9.46089L13.975 9.47528C15.2884 10.0528 16.3478 11.105 16.9302 12.4335L16.9594 12.5013L16.9873 12.5684L17.0261 12.6652C17.0749 12.7965 17.0999 12.9355 17.0999 13.0757C17.0999 13.7015 16.6112 14.2155 15.9889 14.2518L15.9555 14.2533L15.9218 14.2538H7.46736C7.31149 14.2538 7.15705 14.224 7.01235 14.1661C6.38496 13.9148 6.08009 13.2025 6.33177 12.5741C6.89889 11.1808 7.98433 10.076 9.34077 9.4777L9.4077 9.44869L9.44125 9.4346L9.40493 9.40114C9.29824 9.30069 9.19818 9.19336 9.10543 9.07988L9.05066 9.01106L9.03417 8.98914L9.0049 9.02734C8.68761 9.43187 8.28058 9.76016 7.81582 9.98374L7.75487 10.0123L7.70102 10.0362L7.64881 10.0628C7.31336 10.2281 6.94881 10.3266 6.57429 10.3526L6.50396 10.3567L6.43734 10.3589L6.37503 10.3596L6.31812 10.3592L6.26293 10.3596C4.61058 10.3797 3.12361 11.3274 2.39647 12.7825L2.37142 12.8334L2.34737 12.8837L4.47011 12.8837C4.82977 12.8837 5.12469 13.1609 5.15295 13.5133L5.15462 13.5412L5.15517 13.5688C5.15517 13.9379 4.86324 14.2388 4.49766 14.2533L4.47011 14.2538H2.12363C1.44778 14.2538 0.899902 13.706 0.899902 13.0301C0.899902 12.909 0.917894 12.7886 0.954094 12.6704L0.970724 12.62L0.98803 12.5741C1.55513 11.1808 2.64051 10.076 3.9969 9.47776L4.06383 9.44874L4.0972 9.43473L4.09132 9.42933C3.43537 8.82705 3.03867 7.98468 3.00735 7.07377L3.00583 7.01427L3.00535 6.95702C3.00535 5.10304 4.50829 3.6001 6.36227 3.6001C7.40659 3.6001 8.36889 4.08088 8.9975 4.87709L9.03417 4.9244L9.03625 4.92166C9.64136 4.12824 10.5729 3.63614 11.5924 3.602L11.6491 3.60057L11.706 3.6001ZM11.6607 10.3592L11.6067 10.3596C9.93605 10.38 8.43442 11.3485 7.71632 12.831L7.69118 12.8837H15.63L15.6286 12.8804C14.9368 11.4063 13.4748 10.426 11.8323 10.3625L11.7749 10.3607L11.7188 10.3596L11.6607 10.3592ZM11.706 4.9702C10.6087 4.9702 9.7192 5.85973 9.7192 6.95702C9.7192 8.05431 10.6087 8.94384 11.706 8.94384C12.8033 8.94384 13.6928 8.05431 13.6928 6.95702C13.6928 5.85973 12.8033 4.9702 11.706 4.9702ZM6.36227 4.9702C5.26498 4.9702 4.37545 5.85973 4.37545 6.95702C4.37545 8.05431 5.26498 8.94384 6.36227 8.94384C7.45956 8.94384 8.34909 8.05431 8.34909 6.95702C8.34909 5.85973 7.45956 4.9702 6.36227 4.9702Z" fill="#56606D"/>
<path d="M11.7061 3.59998C13.5601 3.59998 15.0631 5.10292 15.0631 6.9569C15.0631 7.90694 14.6655 8.79086 13.9895 9.41778L13.942 9.46077L13.9751 9.47516C15.2886 10.0527 16.3479 11.1049 16.9303 12.4334L16.9595 12.5011L16.9875 12.5683L17.0262 12.6651C17.075 12.7964 17.1 12.9354 17.1 13.0756C17.1 13.7014 16.6113 14.2154 15.9891 14.2517L15.9556 14.2532L15.9219 14.2537H7.46748C7.31161 14.2537 7.15717 14.2239 7.01247 14.166C6.38509 13.9147 6.08021 13.2024 6.3319 12.574C6.89901 11.1806 7.98445 10.0758 9.3409 9.47758L9.40782 9.44857L9.44138 9.43448L9.40505 9.40101C9.29836 9.30057 9.1983 9.19324 9.10555 9.07976L9.05079 9.01094L9.03429 8.98902L9.00503 9.02722C8.68773 9.43175 8.2807 9.76003 7.81594 9.98362L7.75499 10.0122L7.70114 10.0361L7.64893 10.0627C7.31348 10.228 6.94893 10.3264 6.57441 10.3525L6.50408 10.3566L6.43746 10.3588L6.37516 10.3595L6.31825 10.3591L6.26305 10.3594C4.6107 10.3796 3.12374 11.3273 2.39659 12.7824L2.37154 12.8333L2.34749 12.8835L4.47023 12.8836C4.82989 12.8836 5.12481 13.1608 5.15307 13.5131L5.15475 13.5411L5.15529 13.5687C5.15529 13.9378 4.86336 14.2387 4.49778 14.2532L4.47023 14.2537H2.12375C1.44791 14.2537 0.900024 13.7058 0.900024 13.03C0.900024 12.9088 0.918016 12.7885 0.954216 12.6703L0.970846 12.6198L0.988153 12.574C1.55525 11.1807 2.64063 10.0759 3.99703 9.47763L4.06395 9.44862L4.09732 9.4346L4.09145 9.42921C3.43549 8.82693 3.03879 7.98456 3.00747 7.07365L3.00595 7.01415L3.00547 6.9569C3.00547 5.10292 4.50841 3.59998 6.36239 3.59998C7.40671 3.59998 8.36901 4.08075 8.99762 4.87697L9.03429 4.92428L9.03637 4.92154C9.64148 4.12812 10.573 3.63601 11.5925 3.60188L11.6492 3.60045L11.7061 3.59998ZM11.6608 10.359L11.6068 10.3594C9.93617 10.3798 8.43454 11.3484 7.71644 12.8309L7.6913 12.8835H15.6301L15.6287 12.8802C14.9369 11.4062 13.475 10.4259 11.8324 10.3624L11.775 10.3606L11.7189 10.3595L11.6608 10.359ZM11.7061 4.97008C10.6088 4.97008 9.71932 5.85961 9.71932 6.9569C9.71932 8.05419 10.6088 8.94372 11.7061 8.94372C12.8034 8.94372 13.693 8.05419 13.693 6.9569C13.693 5.85961 12.8034 4.97008 11.7061 4.97008ZM6.36239 4.97008C5.2651 4.97008 4.37557 5.85961 4.37557 6.9569C4.37557 8.05419 5.2651 8.94372 6.36239 8.94372C7.45968 8.94372 8.34921 8.05419 8.34921 6.9569C8.34921 5.85961 7.45968 4.97008 6.36239 4.97008Z" fill="#56606D"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.3 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB