@tuya-miniapp/ark-extension-virtual-device 1.4.0-beta-1 → 1.4.0-beta-3

package/dist/view/app.min.css

@@ -44930,7 +44930,7 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
 
 .top-bar-wrapper {
   width: 100vw;
-  height: 100px;
+  height: 120px;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -44940,6 +44940,20 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
 }
 .top-bar-wrapper .room-wrapper {
   width: 100%;
+  height: 72px;
+  background-color: #f3f3f3;
+}
+.top-bar-wrapper .room-wrapper .back-transparent {
+  background-color: #f3f3f3;
+}
+.top-bar-wrapper .room-wrapper .back-transparent .menu-item {
+  font-family: SF Pro Display;
+  font-size: 20px;
+  font-weight: 400;
+  line-height: 24px;
+  letter-spacing: 0px;
+  text-align: left;
+  color: #00000080;
 }
 .top-bar-wrapper .home-wrapper {
   width: 100%;
@@ -44947,29 +44961,107 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
   display: flex;
   align-items: center;
   justify-content: space-between;
+  background-color: #f3f3f3;
+  position: relative;
+}
+.top-bar-wrapper .home-wrapper .select-wrapper {
+  overflow: hidden;
+  display: flex;
+  justify-content: space-around;
+  align-items: center;
+}
+.top-bar-wrapper .home-wrapper .select-wrapper .select {
+  min-width: 150px;
+  background-color: #f3f3f3;
+  font-family: SF Pro Display;
+  font-size: 20px;
+  font-weight: 400;
+  line-height: 24px;
+  letter-spacing: 0px;
+  text-align: left;
+  color: #00000080;
+}
+.top-bar-wrapper .home-wrapper .select-wrapper .select .ant-select-selector {
+  background-color: #f3f3f3;
+  border-width: 0;
+}
+.add-icon:hover::after {
+  content: attr(data-tooltip);
+  padding: 5px;
+  color: #fff;
+  background: #000;
+  position: absolute;
+  right: 0%;
+  top: calc(100% - 20px);
+  z-index: 99;
 }
-.top-bar-wrapper .home-wrapper .select {
-  width: 150px;
+.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover,
+.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover,
+.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active,
+.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active,
+.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open,
+.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open,
+.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected,
+.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected {
+  color: #000 !important;
+}
+.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover::after,
+.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover::after,
+.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active::after,
+.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active::after,
+.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open::after,
+.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open::after,
+.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected::after,
+.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected::after {
+  border-bottom: 0;
 }
 
 .dev-item-wrapper {
-  width: 200px;
-  height: 200px;
+  width: 232px;
+  height: 158px;
   border-radius: 12px;
   background-color: #fff;
-  padding: 32px 12px;
+  padding: 20px;
   display: flex;
   flex-direction: column;
-  align-items: center;
-  justify-content: space-between;
+  align-items: left;
 }
 .dev-item-wrapper .icon {
-  width: 90px;
-  height: 90px;
+  width: 56px;
+  height: 56px;
 }
 .dev-item-wrapper .name {
-  font-size: 14px;
-  color: #333;
-  text-align: center;
+  width: 100%;
+  margin-top: 20px;
+  color: rgba(0, 0, 0, 0.9);
+  font-family: SF Pro Display;
+  font-size: 18px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 22px;
+  /* 122.222% */
+  height: 22px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.dev-item-wrapper .room-status {
+  color: rgba(0, 0, 0, 0.5);
+  font-family: SF Pro Display;
+  font-size: 13px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 18px;
+  /* 138.462% */
+}
+.dev-item-wrapper .room-status .room-name::after {
+  content: ' | ';
+}
+.dev-item-wrapper .offline {
+  color: #FFA000;
+}
+.checkedItem {
+  border-width: 2px;
+  border-color: #096dd9;
 }