Silverfish/proton-bridge
1
0
Fork 1
mirror of https://github.com/ProtonMail/proton-bridge.git synced 2025-12-10 20:56:51 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat(GODT-2772): new onboarding layout.

Browse Source
This commit is contained in:
Xavier Michelon
2023-08-21 09:07:48 +02:00
parent 53ea5e9adc
commit 81afc5fb1f
8 changed files with 86 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
internal/frontend/bridge-gui/bridge-gui/qml/MainWindow.qml
View File

@ -28,17 +28,17 @@ ApplicationWindow {
function layoutForUserCount(userCount) {
if (userCount === 0) {
showLogin();
contentLayout.currentIndex = 1;
setupWizard.showOnboarding();
return;
}
const u = Backend.users.get(0);
if (!u) {
console.trace();
console.log("empty user");
setupWizard.showOnboarding();
return;
}
if ((userCount === 1) && (u.state === EUserState.SignedOut)) {
contentLayout.currentIndex = 1;
setupWizard.showLogin(u.primaryEmailOrUsername());
}
}

9
internal/frontend/bridge-gui/bridge-gui/qml/SetupWizard/HelpButton.qml
View File

@ -23,14 +23,15 @@ Button {
property var wizard
anchors.bottom: parent.bottom
anchors.bottomMargin: 24
anchors.bottomMargin: 32
anchors.right: parent.right
anchors.rightMargin: 24
anchors.rightMargin: 32
colorScheme: wizard.colorScheme
height: 36
horizontalPadding: 0
icon.source: "/qml/icons/ic-question-circle.svg"
width: 36
icon.height: 24
icon.width: 24
verticalPadding: 0
onClicked: {
menu.popup(-menu.width + root.width, -menu.height);

8
internal/frontend/bridge-gui/bridge-gui/qml/SetupWizard/LeftPane.qml
View File

@ -100,8 +100,8 @@ Item {
ColumnLayout {
anchors.left: parent.left
anchors.right: parent.right
anchors.top: parent.top
spacing: 0
anchors.verticalCenter: parent.verticalCenter
spacing: 16
Image {
id: icon
@ -117,7 +117,6 @@ Item {
id: titleLabel
Layout.alignment: Qt.AlignHCenter
Layout.fillWidth: true
Layout.topMargin: 16
colorScheme: wizard.colorScheme
horizontalAlignment: Text.AlignHCenter
text: ""
@ -128,7 +127,6 @@ Item {
id: descriptionLabel
Layout.alignment: Qt.AlignHCenter
Layout.fillWidth: true
Layout.topMargin: 96
colorScheme: wizard.colorScheme
horizontalAlignment: Text.AlignHCenter
text: ""
@ -138,14 +136,12 @@ Item {
LinkLabel {
id: linkLabel1
Layout.alignment: Qt.AlignHCenter
Layout.topMargin: 96
colorScheme: wizard.colorScheme
visible: (text !== "")
}
LinkLabel {
id: linkLabel2
Layout.alignment: Qt.AlignHCenter
Layout.topMargin: 16
colorScheme: wizard.colorScheme
visible: (text !== "")
}

17
internal/frontend/bridge-gui/bridge-gui/qml/SetupWizard/Onboarding.qml
View File

@ -19,23 +19,14 @@ import "." as Proton
Item {
id: root
property var wizard
ColumnLayout {
anchors.left: parent.left
anchors.right: parent.right
anchors.top: parent.top
spacing: 96
anchors.verticalCenter: parent.verticalCenter
spacing: 24
Label {
Layout.alignment: Qt.AlignHCenter
Layout.fillWidth: true
colorScheme: wizard.colorScheme
horizontalAlignment: Text.AlignHCenter
text: qsTr("Two-step process")
type: Label.LabelType.Heading
}
StepDescriptionBox {
colorScheme: wizard.colorScheme
description: qsTr("Connect Bridge to your Proton account")
@ -47,14 +38,14 @@ Item {
colorScheme: wizard.colorScheme
description: qsTr("Connect your email client to Bridge")
icon: "/qml/icons/img-mail-clients.svg"
iconSize: 64
iconSize: 48
title: qsTr("Step 2")
}
Button {
Layout.alignment: Qt.AlignHCenter
Layout.fillWidth: true
colorScheme: wizard.colorScheme
text: qsTr("Let's start")
text: qsTr("Start setup")
onClicked: wizard.showLogin()
}

24
internal/frontend/bridge-gui/bridge-gui/qml/SetupWizard/SetupWizard.qml
View File

@ -105,6 +105,8 @@ Item {
}
function showOnboarding() {
rootStackLayout.currentIndex = SetupWizard.RootStack.TwoPanesView;
root.address = ""
root.user = null
leftContent.showOnboarding();
rightContent.currentIndex = SetupWizard.ContentStack.Onboarding;
}
@ -146,23 +148,23 @@ Item {
LeftPane {
id: leftContent
anchors.bottom: parent.bottom
anchors.bottomMargin: 96
anchors.bottomMargin: 92
anchors.horizontalCenter: parent.horizontalCenter
anchors.top: parent.top
anchors.topMargin: 96
anchors.topMargin: 40
clip: true
width: 444
width: 364
wizard: root
}
Image {
id: mailLogoWithWordmark
anchors.bottom: parent.bottom
anchors.bottomMargin: 48
anchors.bottomMargin: 40
anchors.horizontalCenter: parent.horizontalCenter
height: 24
width: 136
sourceSize.height: 24
sourceSize.width: 136
height: 36
width: 134
sourceSize.height: 36
sourceSize.width: 134
source: root.colorScheme.mail_logo_with_wordmark
}
}
@ -175,13 +177,13 @@ Item {
StackLayout {
id: rightContent
anchors.bottom: parent.bottom
anchors.bottomMargin: 96
anchors.bottomMargin: 92
anchors.horizontalCenter: parent.horizontalCenter
anchors.top: parent.top
anchors.topMargin: 96
anchors.topMargin: 40
clip: true
currentIndex: 0
width: 444
width: 364
// rightContent stack index 0
Onboarding {

1
internal/frontend/bridge-gui/bridge-gui/qml/SetupWizard/StepDescriptionBox.qml
View File

@ -59,6 +59,7 @@ Item {
Layout.fillWidth: true
colorScheme: root.colorScheme
text: root.description
color: root.colorScheme.text_weak
type: Label.LabelType.Body
verticalAlignment: Text.AlignTop
}

49
internal/frontend/bridge-gui/bridge-gui/qml/icons/img-mail-logo-wordmark-dark.svg
View File

@ -1,25 +1,34 @@
<svg width="1646" height="289" viewBox="0 0 1646 289" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 17.2662C0 10.4899 7.89794 6.78253 13.111 11.1118L151 125.623C164.334 136.697 183.666 136.697 197 125.623L334.889 11.1118C340.102 6.78254 348 10.4899 348 17.2662V252.224C348 272.106 331.882 288.224 312 288.224H36C16.1177 288.224 0 272.106 0 252.224V17.2662Z" fill="#6D4AFF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M220.981 105.681L221 105.696L151.558 167.037C139.728 177.487 122.046 177.75 109.911 167.658L0 76.2495V17.2389C0 10.4625 7.89794 6.75518 13.111 11.0844L151 125.596C164.334 136.669 183.666 136.669 197 125.596L220.981 105.681Z" fill="url(#paint0_linear_8236_33972)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M274 61.6512V288.196H312C331.882 288.196 348 272.077 348 252.196V17.2391C348 10.4628 340.102 6.75476 334.889 11.0848L274 61.6512Z" fill="url(#paint1_linear_8236_33972)"/>
<path d="M1207.68 231.475V58.813H1252.49L1294.5 162.346C1298.23 171.011 1301.45 179.888 1304.14 188.931H1304.56C1307.26 179.894 1310.48 171.017 1314.19 162.346L1356.2 58.813H1401.02V231.475H1368.54V115.786C1368.5 111.976 1368.68 108.167 1369.07 104.378H1368.54C1367.54 108.459 1366.19 112.444 1364.49 116.284L1317.93 229.449H1291.09L1244.39 116.284C1242.71 112.409 1241.27 108.432 1240.09 104.378H1239.59C1239.95 108.17 1240.12 111.977 1240.09 115.786V231.475H1207.68Z" fill="#8A6EFF"/>
<path d="M1512.13 117.564C1521.54 122.499 1529.31 130.054 1534.52 139.315C1540.1 149.373 1542.92 160.728 1542.69 172.227V231.475H1514.26L1512.23 213.704C1508.53 220.147 1503.08 225.418 1496.52 228.916C1489.5 232.569 1481.66 234.391 1473.74 234.212C1463.63 234.314 1453.69 231.607 1445.02 226.393C1436.26 221.071 1429.12 213.45 1424.38 204.357C1419.2 194.349 1416.59 183.209 1416.8 171.943C1416.66 160.854 1419.5 149.931 1425.01 140.311C1430.41 130.96 1438.25 123.255 1447.69 118.026C1457.47 112.593 1468.49 109.8 1479.68 109.922C1490.96 109.727 1502.12 112.353 1512.13 117.564ZM1501.71 197.284C1507.9 191.384 1510.95 183.067 1510.95 171.978C1511.34 162.915 1508.17 154.061 1502.1 147.312C1499.22 144.296 1495.75 141.896 1491.91 140.257C1488.07 138.617 1483.94 137.772 1479.77 137.772C1475.59 137.772 1471.46 138.617 1467.62 140.257C1463.78 141.896 1460.32 144.296 1457.43 147.312C1451.66 154.225 1448.51 162.941 1448.51 171.943C1448.51 180.944 1451.66 189.66 1457.43 196.573C1460.27 199.654 1463.74 202.093 1467.6 203.729C1471.46 205.366 1475.63 206.161 1479.82 206.063C1483.87 206.131 1487.89 205.389 1491.65 203.882C1495.41 202.374 1498.83 200.131 1501.71 197.284Z" fill="#8A6EFF"/>
<path d="M1560.21 87.8157C1558.3 86.0691 1556.78 83.9371 1555.75 81.5602C1554.72 79.1833 1554.21 76.6154 1554.24 74.0255C1554.21 71.4156 1554.73 68.8286 1555.76 66.4296C1556.79 64.0306 1558.3 61.8725 1560.21 60.0931C1563.99 56.334 1569.1 54.2236 1574.43 54.2236C1579.76 54.2236 1584.87 56.334 1588.65 60.0931C1590.54 61.8797 1592.05 64.04 1593.07 66.4378C1594.09 68.8357 1594.61 71.4192 1594.58 74.0255C1594.61 76.6117 1594.1 79.176 1593.08 81.5518C1592.06 83.9275 1590.55 86.0617 1588.65 87.8157C1584.83 91.4906 1579.73 93.5433 1574.43 93.5433C1569.13 93.5433 1564.03 91.4906 1560.21 87.8157ZM1590.46 231.475H1558.47V112.482H1590.46V231.475Z" fill="#8A6EFF"/>
<path d="M1645.76 231.475H1613.78V58.813H1645.76V231.475Z" fill="#8A6EFF"/>
<path d="M543.756 58.3843H464V231.153H495.597V188.289C495.597 184.104 497.259 180.09 500.219 177.131C503.178 174.171 507.192 172.509 511.377 172.509H543.756C558.838 172.509 573.302 166.518 583.967 155.853C594.631 145.188 600.622 130.724 600.622 115.642C600.674 108.141 599.241 100.705 596.406 93.76C593.572 86.8154 589.391 80.5002 584.105 75.1782C578.82 69.8561 572.533 65.6323 565.608 62.7501C558.683 59.8679 551.257 58.3841 543.756 58.3843ZM568.635 115.251C568.607 122.39 565.746 129.226 560.681 134.257C555.617 139.289 548.762 142.104 541.623 142.085H495.419V88.0972H541.623C545.166 88.0972 548.674 88.7949 551.947 90.1506C555.219 91.5063 558.193 93.4934 560.698 95.9983C563.203 98.5033 565.19 101.477 566.546 104.75C567.902 108.023 568.599 111.531 568.599 115.073L568.635 115.251Z" fill="white"/>
<path d="M605.598 231.155V162.63C605.598 134.659 621.947 112.374 654.61 112.374C659.863 112.298 665.105 112.883 670.213 114.116V142.336C666.481 142.087 663.104 142.087 661.789 142.087C644.48 142.087 636.91 149.977 636.91 166.078V231.155H605.598Z" fill="white"/>
<path d="M679.598 173.009C679.598 138.605 705.579 112.375 741.725 112.375C777.871 112.375 803.816 138.534 803.816 173.009C803.816 207.485 777.835 233.892 741.725 233.892C705.614 233.892 679.598 207.414 679.598 173.009ZM772.895 173.009C772.895 153.461 759.78 139.6 741.725 139.6C723.669 139.6 710.519 153.461 710.519 173.009C710.519 192.557 723.634 206.418 741.725 206.418C759.815 206.418 772.895 192.806 772.895 173.009Z" fill="white"/>
<path d="M894.874 139.847H861.003V183.137C861.003 198.242 866.44 205.173 882.008 205.173C883.501 205.173 887.232 205.173 891.924 204.924V230.408C885.976 232.149 879.817 233.07 873.62 233.144C847.39 233.144 829.548 217.293 829.548 187.367V139.847H808.543V114.968H813.768C817.953 114.968 821.967 113.305 824.926 110.346C827.886 107.387 829.548 103.373 829.548 99.1874V75.5166H861.003V114.861H894.874V139.847Z" fill="white"/>
<path d="M904.291 173.009C904.291 138.605 930.272 112.375 966.383 112.375C1002.49 112.375 1028.51 138.534 1028.51 173.009C1028.51 207.485 1002.53 233.892 966.383 233.892C930.237 233.892 904.291 207.414 904.291 173.009ZM997.588 173.009C997.588 153.461 984.473 139.6 966.383 139.6C948.292 139.6 935.212 153.461 935.212 173.009C935.212 192.557 948.327 206.418 966.383 206.418C984.438 206.418 997.588 192.806 997.588 173.009Z" fill="white"/>
<path d="M1044.82 231.156V165.083C1044.82 134.411 1064.37 112.375 1099.27 112.375C1134.18 112.375 1153.48 134.411 1153.48 165.083V231.156H1122.31V167.571C1122.31 150.476 1114.63 139.849 1099.27 139.849C1083.92 139.849 1076.28 150.511 1076.28 167.571V231.156H1044.82Z" fill="white"/>
<svg width="134" height="36" viewBox="0 0 134 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_53_676)">
<path d="M38 21.259V24.924H40.5591V21.4191C40.5591 21.0789 40.6927 20.7502 40.9344 20.51C41.1732 20.2699 41.5002 20.1327 41.8386 20.1327H44.463C45.6857 20.1327 46.86 19.6438 47.7244 18.7719C48.5888 17.9028 49.075 16.7221 49.075 15.4928C49.075 14.2635 48.5888 13.0828 47.7244 12.2109C46.86 11.3418 45.6857 10.8529 44.4602 10.8529H38V15.4328H40.5591V13.2744H44.2896C44.8697 13.2744 45.4241 13.5059 45.8336 13.9176C46.243 14.3293 46.4733 14.8867 46.4733 15.4699C46.4733 16.0531 46.243 16.6106 45.8336 17.0223C45.4241 17.4339 44.8697 17.6655 44.2896 17.6655H41.5798C41.1107 17.6655 40.6444 17.757 40.2122 17.9399C39.7771 18.12 39.3847 18.3859 39.0521 18.7204C38.7194 19.0549 38.4578 19.4523 38.2758 19.8868C38.0938 20.3185 38 20.7873 38 21.259Z" fill="white"/>
<path d="M49.4703 24.924V19.3408C49.4703 17.0623 50.7925 15.2498 53.4397 15.2498C53.8633 15.2441 54.287 15.2898 54.7022 15.3899V17.6855C54.4008 17.6655 54.142 17.6655 54.0197 17.6655C52.6179 17.6655 52.0151 18.3116 52.0151 19.6209V24.924H49.4703Z" fill="white"/>
<path d="M55.4641 20.1899C55.4641 17.3882 57.5682 15.2527 60.4969 15.2527C63.4256 15.2527 65.5297 17.3882 65.5297 20.1899C65.5297 22.9915 63.4256 25.1471 60.4969 25.1471C57.5682 25.1471 55.4641 22.9886 55.4641 20.1899ZM63.0218 20.1899C63.0218 18.5975 61.9584 17.4683 60.4969 17.4683C59.0325 17.4683 57.972 18.5946 57.972 20.1899C57.972 21.8022 59.0354 22.9115 60.4969 22.9115C61.9612 22.9115 63.0218 21.7994 63.0218 20.1899Z" fill="white"/>
<path d="M73.6676 20.1899C73.6676 17.3882 75.7717 15.2527 78.7004 15.2527C81.6263 15.2527 83.7304 17.3882 83.7304 20.1899C83.7304 22.9915 81.6263 25.1471 78.7004 25.1471C75.7717 25.1471 73.6676 22.9886 73.6676 20.1899ZM81.2225 20.1899C81.2225 18.5975 80.1591 17.4683 78.6976 17.4683C77.2361 17.4683 76.1726 18.5946 76.1726 20.1899C76.1726 21.8022 77.2361 22.9115 78.6976 22.9115C80.1591 22.9115 81.2225 21.7994 81.2225 20.1899Z" fill="white"/>
<path d="M85.0526 24.9241V19.5438C85.0526 17.0452 86.6364 15.2498 89.4627 15.2498C92.2692 15.2498 93.8529 17.0423 93.8529 19.5438V24.9241H91.328V19.7439C91.328 18.3545 90.7053 17.4854 89.4627 17.4854C88.2202 17.4854 87.5975 18.3516 87.5975 19.7439V24.9241H85.0526Z" fill="white"/>
<path d="M72.9056 17.4881H70.1588V21.0159C70.1588 22.2452 70.5996 22.8084 71.862 22.8084C71.9815 22.8084 72.2829 22.8084 72.6639 22.7884V24.8639C72.1435 25.004 71.6829 25.0869 71.1796 25.0869C69.0556 25.0869 67.6112 23.7976 67.6112 21.359V17.4881H65.9051V15.4527H66.3316C66.4994 15.4527 66.6671 15.4184 66.8207 15.3555C66.9771 15.2897 67.1164 15.1954 67.2358 15.0753C67.3553 14.9552 67.4491 14.8152 67.5145 14.6579C67.5799 14.5007 67.6112 14.3349 67.6112 14.1662V12.2479H70.156V15.4527H72.9027V17.4881H72.9056Z" fill="white"/>
<path d="M98.8823 11.216H102.457L105.808 19.4391C106.107 20.1282 106.362 20.8315 106.577 21.5492H106.612C106.827 20.8315 107.083 20.1253 107.381 19.4391L110.732 11.216H114.307V24.9288H111.717V15.7421C111.714 15.4391 111.729 15.136 111.76 14.8358H111.717C111.637 15.1589 111.531 15.4762 111.396 15.7822L107.683 24.7687H105.535L101.811 15.7822C101.676 15.4734 101.561 15.1589 101.469 14.8358H101.429C101.458 15.136 101.472 15.4391 101.469 15.7421V24.9316H98.8823V11.216Z" fill="white"/>
<path d="M123.165 15.8823C123.915 16.274 124.535 16.8744 124.951 17.6092C125.396 18.407 125.62 19.3105 125.603 20.2225V24.9288H123.335L123.174 23.5164C122.878 24.0281 122.444 24.4456 121.922 24.7258C121.362 25.0146 120.736 25.1604 120.104 25.1461C119.297 25.1547 118.505 24.9402 117.813 24.5256C117.112 24.1025 116.544 23.4963 116.165 22.7758C115.751 21.981 115.545 21.0975 115.562 20.2025C115.55 19.3219 115.777 18.4556 116.217 17.6893C116.647 16.9459 117.27 16.334 118.025 15.9194C118.806 15.4877 119.685 15.2647 120.578 15.2761C121.477 15.259 122.367 15.4677 123.165 15.8823ZM122.335 22.2126C122.829 21.7436 123.073 21.0832 123.073 20.2025C123.105 19.482 122.849 18.7787 122.367 18.244C122.137 18.0038 121.862 17.8151 121.554 17.6836C121.247 17.5521 120.92 17.4863 120.587 17.4863C120.254 17.4863 119.923 17.5521 119.619 17.6836C119.312 17.8151 119.036 18.0038 118.806 18.244C118.347 18.7929 118.094 19.4849 118.094 20.1997C118.094 20.9145 118.347 21.6064 118.806 22.1554C119.033 22.4013 119.309 22.5928 119.619 22.7244C119.926 22.853 120.259 22.9188 120.592 22.9102C120.914 22.9159 121.236 22.8559 121.537 22.7358C121.833 22.6186 122.106 22.4384 122.335 22.2126Z" fill="white"/>
<path d="M127.001 13.5206C126.849 13.3805 126.728 13.2118 126.645 13.0231C126.562 12.8344 126.522 12.6314 126.525 12.4255C126.522 12.2196 126.565 12.0138 126.645 11.8222C126.728 11.6306 126.849 11.4591 127.001 11.319C127.303 11.0216 127.71 10.8529 128.135 10.8529C128.56 10.8529 128.968 11.0216 129.27 11.319C129.422 11.4619 129.542 11.6335 129.623 11.8222C129.703 12.0138 129.746 12.2168 129.743 12.4255C129.746 12.6314 129.706 12.8344 129.623 13.0231C129.542 13.2118 129.422 13.3805 129.27 13.5206C128.965 13.8122 128.557 13.9752 128.135 13.9752C127.71 13.9752 127.306 13.8122 127.001 13.5206ZM129.413 24.9288H126.863V15.4791H129.413V24.9288Z" fill="white"/>
<path d="M133.824 24.9288H131.271V11.216H133.824V24.9288Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.7801 14.3609L17.7816 14.3622L10 23L0 11.9929V7.24491C0 6.69969 0.635467 6.4014 1.05491 6.74973L12.1495 15.9633C13.2223 16.8543 14.7777 16.8543 15.8506 15.9633L17.7801 14.3609Z" fill="url(#paint0_linear_53_676)"/>
<path d="M22 10.8565L17.7801 14.361L17.7816 14.3622L12.1943 19.2977C11.2425 20.1385 9.81982 20.1597 8.84341 19.3476L0 11.9929V26.1035C0 27.7032 1.29683 29.0001 2.89655 29.0001H22L24 19.9283L22 10.8565Z" fill="url(#paint1_radial_53_676)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M22 10.86V29L25.1034 29C26.7032 29 28 27.7031 28 26.1035V7.24493C28 6.69971 27.3645 6.40136 26.9451 6.74976L22 10.86Z" fill="url(#paint2_linear_53_676)"/>
</g>
<defs>
<linearGradient id="paint0_linear_8236_33972" x1="262.5" y1="145.696" x2="183.177" y2="-192.945" gradientUnits="userSpaceOnUse">
<stop stop-color="#E2DBFF"/>
<stop offset="1" stop-color="#6D4AFF"/>
<linearGradient id="paint0_linear_53_676" x1="10.507" y1="23.1523" x2="1.11629" y2="-9.46948" gradientUnits="userSpaceOnUse">
<stop stop-color="#E3D9FF"/>
<stop offset="1" stop-color="#7341FF"/>
</linearGradient>
<linearGradient id="paint1_linear_8236_33972" x1="454" y1="471.696" x2="183.302" y2="-106.573" gradientUnits="userSpaceOnUse">
<stop offset="0.271019" stop-color="#E2DBFF"/>
<stop offset="1" stop-color="#6D4AFF"/>
<radialGradient id="paint1_radial_53_676" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(23.8954 13.0774) scale(27.9882 26.381)">
<stop offset="0.5561" stop-color="#6D4AFF"/>
<stop offset="0.9944" stop-color="#AA8EFF"/>
</radialGradient>
<linearGradient id="paint2_linear_53_676" x1="37.0552" y1="43.5221" x2="15.4546" y2="-3.07472" gradientUnits="userSpaceOnUse">
<stop offset="0.271" stop-color="#E3D9FF"/>
<stop offset="1" stop-color="#7341FF"/>
</linearGradient>
<clipPath id="clip0_53_676">
<rect width="134" height="36" fill="white"/>
</clipPath>
</defs>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.3 KiB

After

Width:  |  Height:  |  Size: 6.6 KiB

49
internal/frontend/bridge-gui/bridge-gui/qml/icons/img-mail-logo-wordmark.svg
View File

@ -1,25 +1,34 @@
<svg width="1646" height="289" viewBox="0 0 1646 289" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 17.2662C0 10.4899 7.89794 6.78253 13.111 11.1118L151 125.623C164.334 136.697 183.666 136.697 197 125.623L334.889 11.1118C340.102 6.78254 348 10.4899 348 17.2662V252.224C348 272.106 331.882 288.224 312 288.224H36C16.1177 288.224 0 272.106 0 252.224V17.2662Z" fill="#6D4AFF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M220.981 105.681L221 105.696L151.558 167.037C139.728 177.487 122.046 177.75 109.911 167.658L0 76.2495V17.2389C0 10.4625 7.89794 6.75518 13.111 11.0844L151 125.596C164.334 136.669 183.666 136.669 197 125.596L220.981 105.681Z" fill="url(#paint0_linear_4917_3609)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M274 61.6512V288.196H312C331.882 288.196 348 272.077 348 252.196V17.2391C348 10.4628 340.102 6.75476 334.889 11.0848L274 61.6512Z" fill="url(#paint1_linear_4917_3609)"/>
<path d="M1207.68 231.475V58.813H1252.49L1294.5 162.346C1298.23 171.011 1301.45 179.888 1304.14 188.931H1304.56C1307.26 179.894 1310.48 171.017 1314.19 162.346L1356.2 58.813H1401.02V231.475H1368.54V115.786C1368.5 111.976 1368.68 108.167 1369.07 104.378H1368.54C1367.54 108.459 1366.19 112.444 1364.49 116.284L1317.93 229.449H1291.09L1244.39 116.284C1242.71 112.409 1241.27 108.432 1240.09 104.378H1239.59C1239.95 108.17 1240.12 111.977 1240.09 115.786V231.475H1207.68Z" fill="#6D4AFF"/>
<path d="M1512.13 117.564C1521.54 122.499 1529.31 130.054 1534.52 139.315C1540.1 149.373 1542.92 160.728 1542.69 172.227V231.475H1514.26L1512.23 213.704C1508.53 220.147 1503.08 225.418 1496.52 228.916C1489.5 232.569 1481.66 234.391 1473.74 234.212C1463.63 234.314 1453.69 231.607 1445.02 226.393C1436.26 221.071 1429.12 213.45 1424.38 204.357C1419.2 194.349 1416.59 183.209 1416.8 171.943C1416.66 160.854 1419.5 149.931 1425.01 140.311C1430.41 130.96 1438.25 123.255 1447.69 118.026C1457.47 112.593 1468.49 109.8 1479.68 109.922C1490.96 109.727 1502.12 112.353 1512.13 117.564ZM1501.71 197.284C1507.9 191.384 1510.95 183.067 1510.95 171.978C1511.34 162.915 1508.17 154.061 1502.1 147.312C1499.22 144.296 1495.75 141.896 1491.91 140.257C1488.07 138.617 1483.94 137.772 1479.77 137.772C1475.59 137.772 1471.46 138.617 1467.62 140.257C1463.78 141.896 1460.32 144.296 1457.43 147.312C1451.66 154.225 1448.51 162.941 1448.51 171.943C1448.51 180.944 1451.66 189.66 1457.43 196.573C1460.27 199.654 1463.74 202.093 1467.6 203.729C1471.46 205.366 1475.63 206.161 1479.82 206.063C1483.87 206.131 1487.89 205.389 1491.65 203.882C1495.41 202.374 1498.83 200.131 1501.71 197.284Z" fill="#6D4AFF"/>
<path d="M1560.21 87.8157C1558.3 86.0691 1556.78 83.9371 1555.75 81.5602C1554.72 79.1833 1554.21 76.6154 1554.24 74.0255C1554.21 71.4156 1554.73 68.8286 1555.76 66.4296C1556.79 64.0306 1558.3 61.8725 1560.21 60.0931C1563.99 56.334 1569.1 54.2236 1574.43 54.2236C1579.76 54.2236 1584.87 56.334 1588.65 60.0931C1590.54 61.8797 1592.05 64.04 1593.07 66.4378C1594.09 68.8357 1594.61 71.4192 1594.58 74.0255C1594.61 76.6117 1594.1 79.176 1593.08 81.5518C1592.06 83.9275 1590.55 86.0617 1588.65 87.8157C1584.83 91.4906 1579.73 93.5433 1574.43 93.5433C1569.13 93.5433 1564.03 91.4906 1560.21 87.8157ZM1590.46 231.475H1558.47V112.482H1590.46V231.475Z" fill="#6D4AFF"/>
<path d="M1645.76 231.475H1613.78V58.813H1645.76V231.475Z" fill="#6D4AFF"/>
<path d="M543.756 58.3843H464V231.153H495.597V188.289C495.597 184.104 497.259 180.09 500.219 177.131C503.178 174.171 507.192 172.509 511.377 172.509H543.756C558.838 172.509 573.302 166.518 583.967 155.853C594.631 145.188 600.622 130.724 600.622 115.642C600.674 108.141 599.241 100.705 596.406 93.76C593.572 86.8154 589.391 80.5002 584.105 75.1782C578.82 69.8561 572.533 65.6323 565.608 62.7501C558.683 59.8679 551.257 58.3841 543.756 58.3843ZM568.635 115.251C568.607 122.39 565.746 129.226 560.681 134.257C555.617 139.289 548.762 142.104 541.623 142.085H495.419V88.0972H541.623C545.166 88.0972 548.674 88.7949 551.947 90.1506C555.219 91.5063 558.193 93.4934 560.698 95.9983C563.203 98.5033 565.19 101.477 566.546 104.75C567.902 108.023 568.599 111.531 568.599 115.073L568.635 115.251Z" fill="#1B1340"/>
<path d="M605.598 231.155V162.63C605.598 134.659 621.947 112.374 654.61 112.374C659.863 112.298 665.105 112.883 670.213 114.116V142.336C666.481 142.087 663.104 142.087 661.789 142.087C644.48 142.087 636.91 149.977 636.91 166.078V231.155H605.598Z" fill="#1B1340"/>
<path d="M679.598 173.009C679.598 138.605 705.579 112.375 741.725 112.375C777.871 112.375 803.816 138.534 803.816 173.009C803.816 207.485 777.835 233.892 741.725 233.892C705.614 233.892 679.598 207.414 679.598 173.009ZM772.895 173.009C772.895 153.461 759.78 139.6 741.725 139.6C723.669 139.6 710.519 153.461 710.519 173.009C710.519 192.557 723.634 206.418 741.725 206.418C759.815 206.418 772.895 192.806 772.895 173.009Z" fill="#1B1340"/>
<path d="M894.874 139.847H861.003V183.137C861.003 198.242 866.44 205.173 882.008 205.173C883.501 205.173 887.232 205.173 891.924 204.924V230.408C885.976 232.149 879.817 233.07 873.62 233.144C847.39 233.144 829.548 217.293 829.548 187.367V139.847H808.543V114.968H813.768C817.953 114.968 821.967 113.305 824.926 110.346C827.886 107.387 829.548 103.373 829.548 99.1874V75.5166H861.003V114.861H894.874V139.847Z" fill="#1B1340"/>
<path d="M904.291 173.009C904.291 138.605 930.272 112.375 966.383 112.375C1002.49 112.375 1028.51 138.534 1028.51 173.009C1028.51 207.485 1002.53 233.892 966.383 233.892C930.237 233.892 904.291 207.414 904.291 173.009ZM997.588 173.009C997.588 153.461 984.473 139.6 966.383 139.6C948.292 139.6 935.212 153.461 935.212 173.009C935.212 192.557 948.327 206.418 966.383 206.418C984.438 206.418 997.588 192.806 997.588 173.009Z" fill="#1B1340"/>
<path d="M1044.82 231.156V165.083C1044.82 134.411 1064.37 112.375 1099.27 112.375C1134.18 112.375 1153.48 134.411 1153.48 165.083V231.156H1122.31V167.571C1122.31 150.476 1114.63 139.849 1099.27 139.849C1083.92 139.849 1076.28 150.511 1076.28 167.571V231.156H1044.82Z" fill="#1B1340"/>
<svg width="134" height="36" viewBox="0 0 134 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_22_69)">
<path d="M38 21.259V24.924H40.5591V21.4191C40.5591 21.0789 40.6927 20.7502 40.9344 20.51C41.1732 20.2699 41.5002 20.1327 41.8386 20.1327H44.463C45.6857 20.1327 46.86 19.6438 47.7244 18.7719C48.5888 17.9028 49.075 16.7221 49.075 15.4928C49.075 14.2635 48.5888 13.0828 47.7244 12.2109C46.86 11.3418 45.6857 10.8529 44.4602 10.8529H38V15.4328H40.5591V13.2744H44.2896C44.8697 13.2744 45.4241 13.5059 45.8336 13.9176C46.243 14.3293 46.4733 14.8867 46.4733 15.4699C46.4733 16.0531 46.243 16.6106 45.8336 17.0223C45.4241 17.4339 44.8697 17.6655 44.2896 17.6655H41.5798C41.1107 17.6655 40.6444 17.757 40.2122 17.9399C39.7771 18.12 39.3847 18.3859 39.0521 18.7204C38.7194 19.0549 38.4578 19.4523 38.2758 19.8868C38.0938 20.3185 38 20.7873 38 21.259Z" fill="#1B1340"/>
<path d="M49.4703 24.924V19.3408C49.4703 17.0623 50.7925 15.2498 53.4397 15.2498C53.8633 15.2441 54.287 15.2898 54.7022 15.3899V17.6855C54.4008 17.6655 54.142 17.6655 54.0197 17.6655C52.6179 17.6655 52.0151 18.3116 52.0151 19.6209V24.924H49.4703Z" fill="#1B1340"/>
<path d="M55.4641 20.1899C55.4641 17.3882 57.5682 15.2527 60.4969 15.2527C63.4256 15.2527 65.5297 17.3882 65.5297 20.1899C65.5297 22.9915 63.4256 25.1471 60.4969 25.1471C57.5682 25.1471 55.4641 22.9886 55.4641 20.1899ZM63.0218 20.1899C63.0218 18.5975 61.9584 17.4683 60.4969 17.4683C59.0325 17.4683 57.972 18.5946 57.972 20.1899C57.972 21.8022 59.0354 22.9115 60.4969 22.9115C61.9612 22.9115 63.0218 21.7994 63.0218 20.1899Z" fill="#1B1340"/>
<path d="M73.6676 20.1899C73.6676 17.3882 75.7717 15.2527 78.7004 15.2527C81.6263 15.2527 83.7304 17.3882 83.7304 20.1899C83.7304 22.9915 81.6263 25.1471 78.7004 25.1471C75.7717 25.1471 73.6676 22.9886 73.6676 20.1899ZM81.2225 20.1899C81.2225 18.5975 80.1591 17.4683 78.6976 17.4683C77.2361 17.4683 76.1726 18.5946 76.1726 20.1899C76.1726 21.8022 77.2361 22.9115 78.6976 22.9115C80.1591 22.9115 81.2225 21.7994 81.2225 20.1899Z" fill="#1B1340"/>
<path d="M85.0526 24.9241V19.5438C85.0526 17.0452 86.6364 15.2498 89.4627 15.2498C92.2692 15.2498 93.8529 17.0423 93.8529 19.5438V24.9241H91.328V19.7439C91.328 18.3545 90.7053 17.4854 89.4627 17.4854C88.2202 17.4854 87.5975 18.3516 87.5975 19.7439V24.9241H85.0526Z" fill="#1B1340"/>
<path d="M72.9056 17.4881H70.1588V21.0159C70.1588 22.2452 70.5996 22.8084 71.862 22.8084C71.9815 22.8084 72.2829 22.8084 72.6639 22.7884V24.8639C72.1435 25.004 71.6829 25.0869 71.1796 25.0869C69.0556 25.0869 67.6112 23.7976 67.6112 21.359V17.4881H65.9051V15.4527H66.3316C66.4994 15.4527 66.6671 15.4184 66.8207 15.3555C66.9771 15.2897 67.1164 15.1954 67.2358 15.0753C67.3553 14.9552 67.4491 14.8152 67.5145 14.6579C67.5799 14.5007 67.6112 14.3349 67.6112 14.1662V12.2479H70.156V15.4527H72.9027V17.4881H72.9056Z" fill="#1B1340"/>
<path d="M98.8823 11.216H102.457L105.808 19.4391C106.107 20.1282 106.362 20.8315 106.577 21.5492H106.612C106.827 20.8315 107.083 20.1253 107.381 19.4391L110.732 11.216H114.307V24.9288H111.717V15.7421C111.714 15.4391 111.729 15.136 111.76 14.8358H111.717C111.637 15.1589 111.531 15.4762 111.396 15.7822L107.683 24.7687H105.535L101.811 15.7822C101.676 15.4734 101.561 15.1589 101.469 14.8358H101.429C101.458 15.136 101.472 15.4391 101.469 15.7421V24.9316H98.8823V11.216Z" fill="#6D4AFF"/>
<path d="M123.165 15.8823C123.915 16.274 124.535 16.8744 124.951 17.6092C125.396 18.407 125.62 19.3105 125.603 20.2225V24.9288H123.335L123.174 23.5164C122.878 24.0281 122.444 24.4456 121.922 24.7258C121.362 25.0146 120.736 25.1604 120.104 25.1461C119.297 25.1547 118.505 24.9402 117.813 24.5256C117.112 24.1025 116.544 23.4963 116.165 22.7758C115.751 21.981 115.545 21.0975 115.562 20.2025C115.55 19.3219 115.777 18.4556 116.217 17.6893C116.647 16.9459 117.27 16.334 118.025 15.9194C118.806 15.4877 119.685 15.2647 120.578 15.2761C121.477 15.259 122.367 15.4677 123.165 15.8823ZM122.335 22.2126C122.829 21.7436 123.073 21.0832 123.073 20.2025C123.105 19.482 122.849 18.7787 122.367 18.244C122.137 18.0038 121.862 17.8151 121.554 17.6836C121.247 17.5521 120.92 17.4863 120.587 17.4863C120.254 17.4863 119.923 17.5521 119.619 17.6836C119.312 17.8151 119.036 18.0038 118.806 18.244C118.347 18.7929 118.094 19.4849 118.094 20.1997C118.094 20.9145 118.347 21.6064 118.806 22.1554C119.033 22.4013 119.309 22.5928 119.619 22.7244C119.926 22.853 120.259 22.9188 120.592 22.9102C120.914 22.9159 121.236 22.8559 121.537 22.7358C121.833 22.6186 122.106 22.4384 122.335 22.2126Z" fill="#6D4AFF"/>
<path d="M127.001 13.5206C126.849 13.3805 126.728 13.2118 126.645 13.0231C126.562 12.8344 126.522 12.6314 126.525 12.4255C126.522 12.2196 126.565 12.0138 126.645 11.8222C126.728 11.6306 126.849 11.4591 127.001 11.319C127.303 11.0216 127.71 10.8529 128.135 10.8529C128.56 10.8529 128.968 11.0216 129.27 11.319C129.422 11.4619 129.542 11.6335 129.623 11.8222C129.703 12.0138 129.746 12.2168 129.743 12.4255C129.746 12.6314 129.706 12.8344 129.623 13.0231C129.542 13.2118 129.422 13.3805 129.27 13.5206C128.965 13.8122 128.557 13.9752 128.135 13.9752C127.71 13.9752 127.306 13.8122 127.001 13.5206ZM129.413 24.9288H126.863V15.4791H129.413V24.9288Z" fill="#6D4AFF"/>
<path d="M133.824 24.9288H131.271V11.216H133.824V24.9288Z" fill="#6D4AFF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.7801 14.3609L17.7816 14.3622L10 23L0 11.9929V7.24491C0 6.69969 0.635467 6.4014 1.05491 6.74973L12.1495 15.9633C13.2223 16.8543 14.7777 16.8543 15.8506 15.9633L17.7801 14.3609Z" fill="url(#paint0_linear_22_69)"/>
<path d="M22 10.8565L17.7801 14.3609L17.7816 14.3622L12.1943 19.2977C11.2425 20.1385 9.81982 20.1596 8.84341 19.3476L0 11.9929V26.1035C0 27.7032 1.29683 29.0001 2.89655 29.0001H22L24 19.9283L22 10.8565Z" fill="url(#paint1_radial_22_69)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M22 10.86V29L25.1034 29C26.7032 29 28 27.7031 28 26.1035V7.24493C28 6.69971 27.3645 6.40136 26.9451 6.74976L22 10.86Z" fill="url(#paint2_linear_22_69)"/>
</g>
<defs>
<linearGradient id="paint0_linear_4917_3609" x1="262.5" y1="145.696" x2="183.177" y2="-192.945" gradientUnits="userSpaceOnUse">
<stop stop-color="#E2DBFF"/>
<stop offset="1" stop-color="#6D4AFF"/>
<linearGradient id="paint0_linear_22_69" x1="10.507" y1="23.1523" x2="1.11629" y2="-9.46948" gradientUnits="userSpaceOnUse">
<stop stop-color="#E3D9FF"/>
<stop offset="1" stop-color="#7341FF"/>
</linearGradient>
<linearGradient id="paint1_linear_4917_3609" x1="454" y1="471.696" x2="183.302" y2="-106.573" gradientUnits="userSpaceOnUse">
<stop offset="0.271019" stop-color="#E2DBFF"/>
<stop offset="1" stop-color="#6D4AFF"/>
<radialGradient id="paint1_radial_22_69" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(23.8954 13.0774) scale(27.9882 26.381)">
<stop offset="0.5561" stop-color="#6D4AFF"/>
<stop offset="0.9944" stop-color="#AA8EFF"/>
</radialGradient>
<linearGradient id="paint2_linear_22_69" x1="37.0552" y1="43.5221" x2="15.4546" y2="-3.07472" gradientUnits="userSpaceOnUse">
<stop offset="0.271" stop-color="#E3D9FF"/>
<stop offset="1" stop-color="#7341FF"/>
</linearGradient>
<clipPath id="clip0_22_69">
<rect width="134" height="36" fill="white"/>
</clipPath>
</defs>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.3 KiB

After

Width:  |  Height:  |  Size: 6.6 KiB