168492376
/
qskinny
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

implement design

This commit is contained in:
Peter Hartmann 2020-06-12 08:37:15 +02:00
parent a31b770696
commit 003c4f4197
21 changed files with 73 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
examples/iot-dashboard/MenuBar.cpp
View File

@ -12,12 +12,14 @@ MenuItem::MenuItem( const QString& name, QQuickItem* parent ) : QskLinearBox( Qt
{ {
setAutoLayoutChildren( true ); setAutoLayoutChildren( true );
setAutoAddChildren( true ); setAutoAddChildren( true );
setPreferredWidth( 140 );
QString fileName = ":/images/" + name.toLower() + ".png"; QString fileName = ":/images/" + name.toLower() + ".png";
QImage image( fileName ); QImage image( fileName );
auto graphic = QskGraphic::fromImage( image ); auto graphic = QskGraphic::fromImage( image );
auto* graphicLabel = new QskGraphicLabel( graphic, this ); auto* graphicLabel = new QskGraphicLabel( graphic, this );
graphicLabel->setFixedSize( 32, 32 ); graphicLabel->setSizePolicy(QskSizePolicy::Fixed, QskSizePolicy::Fixed);
// graphicLabel->setFixedSize( 32, 32 );
auto* textLabel = new QskTextLabel( name, this ); auto* textLabel = new QskTextLabel( name, this );
textLabel->setTextColor( Qt::white ); // ### style textLabel->setTextColor( Qt::white ); // ### style
@ -28,12 +30,17 @@ MenuBar::MenuBar( QQuickItem *parent ) : QskLinearBox( Qt::Vertical, parent )
setSizePolicy( QskSizePolicy::Minimum, QskSizePolicy::Preferred ); setSizePolicy( QskSizePolicy::Minimum, QskSizePolicy::Preferred );
setAutoLayoutChildren( true ); setAutoLayoutChildren( true );
setAutoAddChildren( true ); setAutoAddChildren( true );
setMargins( 35 ); // ### style
setSpacing( 30 ); // ### style
setBackgroundColor( { 0, 35, 102 } ); // ### style setBackgroundColor( "#6D7BFB" ); // ### style
m_entries = { "Home", "Details", "Statistics", "Settings" }; auto* mainIcon = ":/images/main-icon.png";
QImage image(mainIcon);
auto graphic = QskGraphic::fromImage( image );
auto* graphicLabel = new QskGraphicLabel( graphic, this );
graphicLabel->setMargins( { 50, 35, 50, 50 });
m_entries = { "Dashboard", "Rooms", "Devices", "Statistics", "Storage", "Members" };
for( const auto entry : m_entries ) for( const auto entry : m_entries )
{ {

10
examples/iot-dashboard/images.qrc
View File

@ -1,8 +1,12 @@
<RCC> <RCC>
<qresource prefix="/"> <qresource prefix="/">
<file>images/main-icon.png</file>
<file>images/dashboard.png</file>
<file>images/rooms.png</file>
<file>images/devices.png</file>
<file>images/statistics.png</file> <file>images/statistics.png</file>
<file>images/settings.png</file> <file>images/storage.png</file>
<file>images/home.png</file> <file>images/members.png</file>
<file>images/details.png</file> <file>images/logout.png</file>
</qresource> </qresource>
</RCC> </RCC>

BIN
examples/iot-dashboard/images/dashboard.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 317 B

5
examples/iot-dashboard/images/dashboard.svg Normal file
View File

@ -0,0 +1,5 @@
<svg width="14" height="12" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.66392 10.5069C2.5579 10.5069 2.46329 10.4318 2.4424 10.3239C2.40537 10.1319 2.38031 9.93484 2.368 9.73816C2.36021 9.61363 2.45482 9.50637 2.57913 9.49858C2.70558 9.49113 2.81103 9.5854 2.81871 9.70971C2.82989 9.88719 2.85247 10.065 2.88589 10.2383C2.90948 10.3608 2.82932 10.4793 2.70693 10.5028C2.69248 10.5056 2.67803 10.5069 2.66392 10.5069Z" fill="white"/>
<path d="M7.67533 2.47392V1.35471H8.04903C8.17368 1.35471 8.27484 1.25355 8.27484 1.12891V0.225805C8.27484 0.10116 8.17368 0 8.04903 0H5.95086C5.82621 0 5.72505 0.10116 5.72505 0.225805V1.12891C5.72505 1.25355 5.82621 1.35471 5.95086 1.35471H6.32456V2.4738C2.78056 2.82357 0 5.89406 0 9.61894C0 10.1689 0.0447093 10.6839 0.129273 11.1082C0.150386 11.2139 0.243079 11.2899 0.350787 11.2899H13.6276C13.7348 11.2899 13.8273 11.2146 13.8488 11.1096C13.9492 10.6226 14 10.1211 14 9.61882C13.9999 5.89406 11.2193 2.82357 7.67533 2.47392ZM6.17666 0.451609H7.82323V0.903106H6.17666V0.451609ZM6.77617 1.35471H7.22383V2.44558C7.07412 2.44072 6.92588 2.44072 6.77617 2.44558V1.35471ZM7.33233 10.4734C7.2612 10.674 7.08677 10.8128 6.87699 10.8353C6.59191 10.867 6.31429 10.6486 6.27093 10.3607C6.24 10.1539 6.32434 9.94986 6.49098 9.82826H6.49109L6.94372 9.49825L7.53837 9.98226C7.445 10.1906 7.37071 10.365 7.33233 10.4734ZM7.32104 9.2231L8.19705 8.5843C8.0496 8.88869 7.8825 9.23744 7.73279 9.55831L7.32104 9.2231ZM13.441 10.8384H11.4258C11.568 10.3894 11.6411 9.92242 11.6411 9.44518C11.6411 6.8928 9.55921 4.81619 7.00006 4.81619C4.68499 4.81619 2.70751 6.53942 2.4003 8.82444C2.38382 8.94807 2.47042 9.06177 2.59404 9.07836C2.7179 9.09406 2.83125 9.00814 2.84796 8.88462C3.12502 6.82269 4.91001 5.2678 6.99994 5.2678C9.31004 5.2678 11.1894 7.14175 11.1894 9.44518C11.1894 9.92423 11.1083 10.3921 10.9499 10.8384H7.65026C7.69328 10.7722 7.73065 10.7014 7.75797 10.6243C7.93703 10.1191 8.9921 7.98671 9.0026 7.96515C9.10444 7.75978 8.85357 7.54628 8.66717 7.68244L6.22498 9.46336H6.22509C5.92173 9.68442 5.76829 10.054 5.8244 10.4278C5.8471 10.5788 5.90389 10.7178 5.98518 10.8384H0.53956C0.481867 10.4798 0.451609 10.0624 0.451609 9.61894C0.451609 8.46858 0.734542 7.38494 1.2321 6.43701L2.37332 6.96652C2.63785 7.0888 2.82719 6.67919 2.56345 6.5568L1.45712 6.04344C2.57959 4.21318 4.53562 2.97577 6.77414 2.8973V4.13132C6.77414 4.25597 6.8753 4.35713 6.99994 4.35713C7.12459 4.35713 7.22575 4.25597 7.22575 4.13132V2.8973C9.46054 2.97565 11.4136 4.209 12.5371 6.03418L11.5581 6.43938C11.2894 6.55048 11.4617 6.96799 11.7308 6.85656L12.7638 6.429C13.2639 7.37884 13.5483 8.46542 13.5483 9.61894C13.5483 10.0289 13.5123 10.4383 13.441 10.8384Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

BIN
examples/iot-dashboard/images/details.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 375 B

BIN
examples/iot-dashboard/images/devices.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 247 B

9
examples/iot-dashboard/images/devices.svg Normal file
View File

@ -0,0 +1,9 @@
<svg width="9" height="14" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.29167 0H1.45833C1.0717 0.000463125 0.701038 0.154257 0.427647 0.427647C0.154257 0.701038 0.000463125 1.0717 0 1.45833V12.5417C0.000463125 12.9283 0.154257 13.299 0.427647 13.5724C0.701038 13.8457 1.0717 13.9995 1.45833 14H7.29167C7.6783 13.9995 8.04896 13.8457 8.32235 13.5724C8.59574 13.299 8.74954 12.9283 8.75 12.5417V1.45833C8.74954 1.0717 8.59574 0.701038 8.32235 0.427647C8.04896 0.154257 7.6783 0.000463125 7.29167 0ZM1.45833 0.583333H7.29167C7.52373 0.583333 7.74629 0.67552 7.91039 0.839615C8.07448 1.00371 8.16667 1.22627 8.16667 1.45833V2.33333H0.583333V1.45833C0.583333 1.22627 0.675521 1.00371 0.839615 0.839615C1.00371 0.67552 1.22627 0.583333 1.45833 0.583333ZM8.16667 2.91667V11.0833H0.583333V2.91667H8.16667ZM7.29167 13.4167H1.45833C1.22627 13.4167 1.00371 13.3245 0.839615 13.1604C0.675521 12.9963 0.583333 12.7737 0.583333 12.5417V11.6667H8.16667V12.5417C8.16667 12.7737 8.07448 12.9963 7.91039 13.1604C7.74629 13.3245 7.52373 13.4167 7.29167 13.4167Z" fill="white"/>
<path d="M3.5 1.16668H5.25V1.75001H3.5V1.16668Z" fill="white"/>
<path d="M4.08331 12.25H4.66665V12.8333H4.08331V12.25Z" fill="white"/>
<path d="M3.34399 7.1353L3.75641 7.54772C3.92315 7.38878 4.14467 7.30011 4.37504 7.30011C4.6054 7.30011 4.82692 7.38878 4.99366 7.54772L5.40608 7.1353C5.1326 6.86191 4.76173 6.70832 4.37504 6.70832C3.98834 6.70832 3.61747 6.86191 3.34399 7.1353Z" fill="white"/>
<path d="M2.93122 6.72292C3.31452 6.34077 3.83371 6.12618 4.37497 6.12618C4.91623 6.12618 5.43541 6.34077 5.81872 6.72292L6.23113 6.3105C5.73847 5.81893 5.07093 5.54285 4.37497 5.54285C3.679 5.54285 3.01146 5.81893 2.5188 6.3105L2.93122 6.72292Z" fill="white"/>
<path d="M3.96252 8.0459L4.37494 8.45832L4.78736 8.0459C4.67797 7.93654 4.52962 7.87511 4.37494 7.87511C4.22026 7.87511 4.07192 7.93654 3.96252 8.0459Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
examples/iot-dashboard/images/home.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.7 KiB

BIN
examples/iot-dashboard/images/logout.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 251 B

11
examples/iot-dashboard/images/logout.svg Normal file
View File

@ -0,0 +1,11 @@
<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.9375 6.12501C10.8255 6.12501 10.7137 6.08235 10.6282 5.99682L7.68905 3.05792C7.5182 2.88707 7.5182 2.61013 7.68905 2.43929C7.85989 2.26845 8.13682 2.26845 8.30767 2.43929L11.2468 5.3782C11.4176 5.54904 11.4176 5.82598 11.2468 5.99682C11.1613 6.08213 11.0495 6.12501 10.9375 6.12501Z" fill="white"/>
<path d="M7.99836 9.06391C7.88636 9.06391 7.77458 9.02126 7.68905 8.93572C7.5182 8.76488 7.5182 8.48794 7.68905 8.3171L10.6282 5.37819C10.799 5.20735 11.0759 5.20735 11.2468 5.37819C11.4176 5.54904 11.4176 5.82598 11.2468 5.99682L8.30789 8.93572C8.22236 9.02104 8.11036 9.06391 7.99836 9.06391Z" fill="white"/>
<path d="M10.9375 6.125H2.625C2.3835 6.125 2.1875 5.929 2.1875 5.6875C2.1875 5.446 2.3835 5.25 2.625 5.25H10.9375C11.179 5.25 11.375 5.446 11.375 5.6875C11.375 5.929 11.179 6.125 10.9375 6.125Z" fill="white"/>
<path d="M0.875 11.375C0.392437 11.375 0 10.9826 0 10.5C0 10.2585 0.196 10.0625 0.4375 10.0625C0.679 10.0625 0.875 10.2585 0.875 10.5V10.5007C1.1165 10.5007 1.3125 10.6962 1.3125 10.9379C1.3125 11.1797 1.1165 11.375 0.875 11.375Z" fill="white"/>
<path d="M3.9375 11.375H0.875C0.6335 11.375 0.4375 11.179 0.4375 10.9375C0.4375 10.696 0.6335 10.5 0.875 10.5H3.9375C4.179 10.5 4.375 10.696 4.375 10.9375C4.375 11.179 4.179 11.375 3.9375 11.375Z" fill="white"/>
<path d="M0.4375 10.9375C0.196 10.9375 0 10.7415 0 10.5V0.875C0 0.6335 0.196 0.4375 0.4375 0.4375C0.679 0.4375 0.875 0.6335 0.875 0.875V10.5C0.875 10.7415 0.679 10.9375 0.4375 10.9375Z" fill="white"/>
<path d="M0.437281 1.3125C0.195563 1.3125 0 1.1165 0 0.875C0 0.392437 0.392437 0 0.875 0C1.1165 0 1.3125 0.196 1.3125 0.4375C1.3125 0.679 1.1165 0.875 0.875 0.875H0.874344C0.874344 1.1165 0.679 1.3125 0.437281 1.3125Z" fill="white"/>
<path d="M3.9375 0.875H0.875C0.6335 0.875 0.4375 0.679 0.4375 0.4375C0.4375 0.196 0.6335 0 0.875 0H3.9375C4.179 0 4.375 0.196 4.375 0.4375C4.375 0.679 4.179 0.875 3.9375 0.875Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
examples/iot-dashboard/images/main-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 942 B

13
examples/iot-dashboard/images/main-icon.svg Normal file
View File

@ -0,0 +1,13 @@
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M24.527 13.9631C24.3271 13.9631 24.1269 13.8867 23.9743 13.7338C20.4828 10.2351 14.8007 10.2351 11.3092 13.7338C11.004 14.0396 10.5093 14.0396 10.2042 13.7338C9.89899 13.4283 9.89899 12.9327 10.2042 12.6269C14.3051 8.5176 20.9781 8.5176 25.0793 12.6269C25.3845 12.9324 25.3845 13.428 25.0793 13.7338C24.9268 13.8867 24.7269 13.9631 24.527 13.9631Z" fill="white"/>
<path d="M27.2 11.2848C26.9989 11.2848 26.7981 11.2078 26.6452 11.0534L26.6358 11.0439C26.3294 10.7393 26.3272 10.2437 26.6312 9.93668C26.9352 9.62999 27.4298 9.62785 27.7359 9.9324L27.7545 9.95075C28.0585 10.2577 28.0564 10.7534 27.75 11.058C27.5977 11.2093 27.3987 11.2848 27.2 11.2848Z" fill="white"/>
<path d="M8.0835 11.2848C7.88361 11.2848 7.68372 11.2084 7.53113 11.0555C7.22595 10.75 7.22595 10.2544 7.53113 9.94859C9.84741 7.62778 12.7887 6.20808 16.037 5.84237C19.1894 5.48768 22.4072 6.20105 25.0979 7.85069C25.4657 8.07635 25.5816 8.55824 25.3564 8.92701C25.1312 9.29577 24.6502 9.41166 24.2822 9.186C19.249 6.09984 12.8149 6.86824 8.63586 11.0555C8.48358 11.2084 8.28339 11.2848 8.0835 11.2848Z" fill="white"/>
<path d="M17.6416 30.5736C14.9481 30.5736 12.2546 29.5465 10.2042 27.4917C9.89899 27.1863 9.89899 26.6906 10.2042 26.3848C10.5093 26.0791 11.004 26.0791 11.3092 26.3848C14.8007 29.8835 20.4828 29.8835 23.9743 26.3848C24.2795 26.0791 24.7742 26.0791 25.0793 26.3848C25.3845 26.6906 25.3845 27.1863 25.0793 27.4917C23.0289 29.5465 20.3351 30.5736 17.6416 30.5736Z" fill="white"/>
<path d="M17.651 34.3658C14.8577 34.3658 12.1035 33.5469 9.77257 32.0049C9.41277 31.7667 9.31358 31.2809 9.55132 30.9204C9.78905 30.5596 10.2737 30.4605 10.6338 30.6984C15.6527 34.0194 22.3873 33.3314 26.6475 29.0631C26.9524 28.7573 27.4471 28.7573 27.7523 29.0631C28.0575 29.3689 28.0575 29.8645 27.7523 30.17C25.4088 32.518 22.3049 33.9851 19.0114 34.301C18.5583 34.3441 18.1039 34.3658 17.651 34.3658Z" fill="white"/>
<path d="M8.11067 30.4265C7.91231 30.4265 7.71394 30.3513 7.56166 30.2006L7.5287 30.1679C7.22505 29.8609 7.22719 29.3652 7.53359 29.0607C7.83998 28.7564 8.33437 28.7586 8.63832 29.0656L8.65938 29.0867C8.96639 29.3903 8.96974 29.8859 8.6664 30.1939C8.51381 30.3486 8.31209 30.4265 8.11067 30.4265Z" fill="white"/>
<path d="M17.6306 22.9525C16.0385 22.9525 14.743 21.6545 14.743 20.0593C14.743 18.4641 16.0385 17.1664 17.6306 17.1664C19.2227 17.1664 20.5179 18.4641 20.5179 20.0593C20.5179 21.6545 19.2227 22.9525 17.6306 22.9525ZM17.6306 18.732C16.9 18.732 16.3055 19.3273 16.3055 20.0593C16.3055 20.7913 16.9 21.387 17.6306 21.387C18.3612 21.387 18.9554 20.7913 18.9554 20.0593C18.9554 19.3273 18.3612 18.732 17.6306 18.732Z" fill="white"/>
<path d="M2.88757 27.7211C1.29517 27.7211 0 26.4234 0 24.8281V15.2908C0 13.6956 1.29517 12.3976 2.88757 12.3976C4.47968 12.3976 5.77484 13.6956 5.77484 15.2908V24.8281C5.77484 26.4234 4.47968 27.7211 2.88757 27.7211ZM2.88757 13.9631C2.15698 13.9631 1.5625 14.5588 1.5625 15.2908V24.8281C1.5625 25.5602 2.15698 26.1555 2.88757 26.1555C3.61786 26.1555 4.21234 25.5602 4.21234 24.8281V15.2908C4.21234 14.5588 3.61786 13.9631 2.88757 13.9631Z" fill="white"/>
<path d="M34.0851 27.7211C32.6865 27.7211 31.5485 26.5812 31.5485 25.1798V17.5364H30.7062C29.3079 17.5364 28.1699 16.3962 28.1699 14.9951C28.1699 13.5938 29.3079 12.4538 30.7062 12.4538H37.4637C38.8623 12.4538 40 13.5938 40 14.9951C40 16.3962 38.8623 17.5364 37.4637 17.5364H36.6214V25.1798C36.6214 26.5812 35.4834 27.7211 34.0851 27.7211ZM30.7062 14.0194C30.1694 14.0194 29.7324 14.457 29.7324 14.9951C29.7324 15.5333 30.1694 15.9708 30.7062 15.9708H32.3297C32.7612 15.9708 33.111 16.3213 33.111 16.7536V25.1798C33.111 25.718 33.548 26.1555 34.0851 26.1555C34.6219 26.1555 35.0589 25.718 35.0589 25.1798V16.7536C35.0589 16.3213 35.4086 15.9708 35.8401 15.9708H37.4637C38.0008 15.9708 38.4375 15.533 38.4375 14.9951C38.4375 14.457 38.0008 14.0194 37.4637 14.0194H30.7062Z" fill="white"/>
<path d="M17.6306 26.7509C13.9481 26.7509 10.9521 23.7491 10.9521 20.0593C10.9521 16.3699 13.9481 13.3678 17.6306 13.3678C21.3132 13.3678 24.3091 16.3699 24.3091 20.0593C24.3091 23.7491 21.3132 26.7509 17.6306 26.7509ZM17.6306 14.9333C14.8096 14.9333 12.5146 17.2328 12.5146 20.0593C12.5146 22.8859 14.8096 25.1853 17.6306 25.1853C20.4514 25.1853 22.7466 22.8859 22.7466 20.0593C22.7466 17.2328 20.4514 14.9333 17.6306 14.9333Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.3 KiB

BIN
examples/iot-dashboard/images/members.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 322 B

4
examples/iot-dashboard/images/members.svg Normal file
View File

@ -0,0 +1,4 @@
<svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.97 3.59356C12.3682 3.20361 12.6 2.67092 12.6 2.10001C12.6 0.942105 11.6581 0 10.5 0C10.1174 0 9.74103 0.105164 9.41107 0.3042C9.30079 0.370865 9.26525 0.514174 9.33177 0.624588C9.3983 0.735003 9.54186 0.770194 9.65216 0.703885C9.90941 0.548709 10.2025 0.466678 10.5 0.466678C11.4006 0.466678 12.1334 1.19938 12.1334 2.10001C12.1334 2.65462 11.8556 3.16584 11.3894 3.46821C10.9979 3.72503 10.5016 3.79907 10.0484 3.66998C9.92582 3.63465 9.79547 3.70621 9.75993 3.83016C9.7246 3.95411 9.79637 4.0832 9.92035 4.11864C10.109 4.17265 10.3041 4.19999 10.5 4.19999C10.8669 4.19999 11.2216 4.09991 11.5365 3.91917C12.7343 4.3532 13.5334 5.48411 13.5334 6.76667V7.93335H11.4057C11.2404 6.37486 10.2599 5.01106 8.82977 4.36348C9.28488 3.90011 9.56669 3.26595 9.56669 2.56669C9.56671 1.1514 8.41529 0 7.00003 0C5.58476 0 4.43334 1.1514 4.43334 2.56669C4.43334 3.26617 4.71531 3.90052 5.17067 4.36394C4.68936 4.58261 4.24297 4.88853 3.86437 5.26498C3.13858 5.99284 2.69692 6.92705 2.59209 7.93341H0.466678V6.76673C0.466678 5.95872 0.78228 5.19686 1.35445 4.62229C1.66942 4.30931 2.05289 4.07054 2.46579 3.92048C2.78071 4.10048 3.13429 4.20002 3.50001 4.20002C3.69599 4.20002 3.89103 4.17267 4.0797 4.11867C4.20365 4.08323 4.27543 3.95414 4.24013 3.83019C4.20458 3.70624 4.07423 3.63479 3.95165 3.67001C3.49865 3.79932 3.0026 3.72538 2.60953 3.46767C2.14447 3.16584 1.86668 2.65465 1.86668 2.10001C1.86668 1.19938 2.5995 0.466678 3.50001 0.466678C3.7976 0.466678 4.09064 0.548709 4.34789 0.703885C4.45863 0.770194 4.60151 0.734647 4.66828 0.624588C4.73481 0.514201 4.69926 0.370865 4.58898 0.3042C4.25902 0.105164 3.88261 0 3.50001 0C2.342 0 1.40001 0.942105 1.40001 2.10001C1.40001 2.67048 1.63147 3.20276 2.02848 3.59235C1.65843 3.76437 1.31666 4.00186 1.02449 4.29208C0.363892 4.95561 0 5.83439 0 6.7667V8.16671C0 8.29558 0.104372 8.40003 0.233325 8.40003H2.56666V10.2667C2.56666 10.3956 2.67103 10.5 2.79998 10.5H11.2C11.329 10.5 11.4333 10.3956 11.4333 10.2667V8.40003H13.7667C13.8957 8.40003 14 8.29555 14 8.16671V6.7667C14.0001 5.38707 13.1983 4.15977 11.97 3.59356ZM4.90002 2.56669C4.90002 1.40878 5.84202 0.466678 7.00003 0.466678C8.15804 0.466678 9.10004 1.40878 9.10004 2.56669C9.10004 3.72459 8.15804 4.66669 7.00003 4.66669C5.84202 4.66669 4.90002 3.72456 4.90002 2.56669ZM10.9667 10.0334H3.03334V8.40003C3.03334 7.34204 3.44576 6.34572 4.19408 5.59513C4.5883 5.20302 5.06622 4.89887 5.57861 4.7021C5.9859 4.97409 6.47459 5.13334 7.00003 5.13334C7.52634 5.13334 8.01588 4.97363 8.42355 4.70082C9.94873 5.28683 10.9667 6.75721 10.9667 8.40003V10.0334Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

BIN
examples/iot-dashboard/images/rooms.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 275 B

4
examples/iot-dashboard/images/rooms.svg Normal file
View File

@ -0,0 +1,4 @@
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.8357 6.38821L6.95603 0L0.076565 6.38821C-0.0203424 6.4784 -0.0260993 6.63024 0.0640917 6.72739C0.153803 6.8243 0.30612 6.82981 0.403028 6.73986L1.19916 6.00058V14H5.03707H8.87499H12.7129V6.00034L13.509 6.73962C13.5551 6.78256 13.6139 6.80367 13.6724 6.80367C13.7369 6.80367 13.801 6.778 13.848 6.72715C13.9384 6.63024 13.9326 6.4784 13.8357 6.38821ZM5.51681 13.5203V9.68234C5.51681 8.88861 6.1623 8.24312 6.95603 8.24312C7.74976 8.24312 8.39525 8.88861 8.39525 9.68234V13.5203H5.51681ZM12.2332 13.5203H8.87499V9.68234C8.87499 8.62428 8.0141 7.76339 6.95603 7.76339C5.89796 7.76339 5.03707 8.62428 5.03707 9.68234V13.5203H1.6789V5.5549L6.95603 0.654605L12.2332 5.5549V13.5203Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 809 B

BIN
examples/iot-dashboard/images/settings.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 729 B

BIN
examples/iot-dashboard/images/statistics.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 518 B

After

Width:  |  Height:  |  Size: 225 B

4
examples/iot-dashboard/images/statistics.svg Normal file
View File

@ -0,0 +1,4 @@
<svg width="14" height="9" viewBox="0 0 14 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.7945 8.32877H12.4657V0.205488C12.4657 0.0920117 12.3738 0 12.2603 0H10.0685C9.95498 0 9.863 0.0920117 9.863 0.205488V8.32877H8.30137V2.61644C8.30137 2.50296 8.20939 2.41095 8.09588 2.41095H5.90412C5.79061 2.41095 5.69863 2.50296 5.69863 2.61644V8.32877H4.137V3.71232C4.137 3.59885 4.04502 3.50684 3.93151 3.50684H1.73975C1.62624 3.50684 1.53426 3.59885 1.53426 3.71232V8.32874H0.205488C0.0919844 8.32874 0 8.42075 0 8.53423C0 8.64771 0.0919844 8.73972 0.205488 8.73972H13.7945C13.908 8.73972 14 8.64771 14 8.53423C14 8.42075 13.908 8.32877 13.7945 8.32877ZM3.72602 8.32877H1.94521V3.91781H3.72602V8.32877ZM7.89042 8.32877H6.10961V2.82193H7.89042V8.32877ZM12.0548 8.32877H10.274V0.410977H12.0548V8.32877Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 835 B

BIN
examples/iot-dashboard/images/storage.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 262 B

4
examples/iot-dashboard/images/storage.svg Normal file
View File

@ -0,0 +1,4 @@
<svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.7265 4.16632C13.4614 3.80529 13.0524 3.59761 12.6051 3.59761H12.2664V2.68702C12.2664 1.92022 11.6434 1.29718 10.8734 1.29718H6.80929C6.57606 1.29718 6.3524 1.20453 6.18626 1.04158L5.54725 0.405769C5.28526 0.143777 4.937 0 4.56638 0H1.39051C0.623706 0 0.000674612 0.623032 0.000674612 1.39304V9.49884C-0.00891049 9.80875 0.0837455 10.1155 0.272253 10.3711C0.540635 10.7353 0.952795 10.9462 1.40649 10.9462H11.1801C11.7903 10.9462 12.3239 10.5532 12.5092 9.96851L13.9374 5.4028C14.0684 4.97786 13.9917 4.52736 13.7265 4.16632ZM0.508685 1.39304C0.508685 0.90739 0.904869 0.511205 1.38732 0.511205H4.56638C4.79962 0.511205 5.02007 0.603861 5.18941 0.766808L5.82842 1.40262C6.09041 1.66461 6.43867 1.80839 6.80929 1.80839H10.8766C11.3622 1.80839 11.7584 2.20457 11.7584 2.68702V3.59761H2.8123C2.20205 3.59761 1.66848 3.9906 1.48317 4.57209L0.50549 7.69045V1.39304H0.508685ZM13.4454 5.25264L12.0172 9.81834C11.9022 10.189 11.5635 10.435 11.1769 10.435H1.40329C1.11574 10.435 0.853749 10.3008 0.681217 10.0707C0.51188 9.83751 0.460759 9.54676 0.547025 9.27199L1.96882 4.72546C2.08384 4.35483 2.42251 4.10881 2.80911 4.10881H12.6019C12.8862 4.10881 13.145 4.23981 13.3112 4.46666C13.4837 4.6967 13.5316 4.98106 13.4454 5.25264Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB