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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -44930,7 +44930,7 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
44930
44930
 
44931
44931
  .top-bar-wrapper {
44932
44932
  width: 100vw;
44933
- height: 100px;
44933
+ height: 120px;
44934
44934
  display: flex;
44935
44935
  flex-direction: column;
44936
44936
  align-items: flex-start;
@@ -44940,6 +44940,20 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
44940
44940
  }
44941
44941
  .top-bar-wrapper .room-wrapper {
44942
44942
  width: 100%;
44943
+ height: 72px;
44944
+ background-color: #f3f3f3;
44945
+ }
44946
+ .top-bar-wrapper .room-wrapper .back-transparent {
44947
+ background-color: #f3f3f3;
44948
+ }
44949
+ .top-bar-wrapper .room-wrapper .back-transparent .menu-item {
44950
+ font-family: SF Pro Display;
44951
+ font-size: 20px;
44952
+ font-weight: 400;
44953
+ line-height: 24px;
44954
+ letter-spacing: 0px;
44955
+ text-align: left;
44956
+ color: #00000080;
44943
44957
  }
44944
44958
  .top-bar-wrapper .home-wrapper {
44945
44959
  width: 100%;
@@ -44947,29 +44961,109 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
44947
44961
  display: flex;
44948
44962
  align-items: center;
44949
44963
  justify-content: space-between;
44964
+ background-color: #f3f3f3;
44965
+ position: relative;
44950
44966
  }
44951
- .top-bar-wrapper .home-wrapper .select {
44952
- width: 150px;
44967
+ .top-bar-wrapper .home-wrapper .select-wrapper {
44968
+ overflow: hidden;
44969
+ display: flex;
44970
+ justify-content: space-around;
44971
+ align-items: center;
44972
+ }
44973
+ .top-bar-wrapper .home-wrapper .select-wrapper .select {
44974
+ min-width: 150px;
44975
+ background-color: #f3f3f3;
44976
+ font-family: SF Pro Display;
44977
+ font-size: 20px;
44978
+ font-weight: 400;
44979
+ line-height: 24px;
44980
+ letter-spacing: 0px;
44981
+ text-align: left;
44982
+ color: #00000080;
44983
+ }
44984
+ .top-bar-wrapper .home-wrapper .select-wrapper .select .ant-select-selector {
44985
+ background-color: #f3f3f3;
44986
+ }
44987
+ .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover,
44988
+ .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover,
44989
+ .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active,
44990
+ .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active,
44991
+ .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open,
44992
+ .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open,
44993
+ .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected,
44994
+ .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected {
44995
+ color: #000 !important;
44996
+ }
44997
+ .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover::after,
44998
+ .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover::after,
44999
+ .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active::after,
45000
+ .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active::after,
45001
+ .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open::after,
45002
+ .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open::after,
45003
+ .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected::after,
45004
+ .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected::after {
45005
+ border-bottom: 0;
45006
+ }
45007
+ .ant-select:not(.ant-select-customize-input) .ant-select-selector {
45008
+ border-width: 0;
45009
+ }
45010
+ .add-icon:hover::after {
45011
+ content: attr(data-tooltip);
45012
+ padding: 5px;
45013
+ color: #fff;
45014
+ background: #000;
45015
+ position: absolute;
45016
+ right: 0%;
45017
+ top: calc(100% - 20px);
45018
+ z-index: 99;
44953
45019
  }
44954
45020
 
44955
45021
  .dev-item-wrapper {
44956
- width: 200px;
44957
- height: 200px;
45022
+ width: 232px;
45023
+ height: 158px;
44958
45024
  border-radius: 12px;
44959
45025
  background-color: #fff;
44960
- padding: 32px 12px;
45026
+ padding: 20px;
44961
45027
  display: flex;
44962
45028
  flex-direction: column;
44963
- align-items: center;
44964
- justify-content: space-between;
45029
+ align-items: left;
44965
45030
  }
44966
45031
  .dev-item-wrapper .icon {
44967
- width: 90px;
44968
- height: 90px;
45032
+ width: 56px;
45033
+ height: 56px;
44969
45034
  }
44970
45035
  .dev-item-wrapper .name {
44971
- font-size: 14px;
44972
- color: #333;
44973
- text-align: center;
45036
+ width: 100%;
45037
+ margin-top: 20px;
45038
+ color: rgba(0, 0, 0, 0.9);
45039
+ font-family: SF Pro Display;
45040
+ font-size: 18px;
45041
+ font-style: normal;
45042
+ font-weight: 500;
45043
+ line-height: 22px;
45044
+ /* 122.222% */
45045
+ height: 22px;
45046
+ overflow: hidden;
45047
+ text-overflow: ellipsis;
45048
+ white-space: nowrap;
45049
+ }
45050
+ .dev-item-wrapper .room-status {
45051
+ color: rgba(0, 0, 0, 0.5);
45052
+ font-family: SF Pro Display;
45053
+ font-size: 13px;
45054
+ font-style: normal;
45055
+ font-weight: 400;
45056
+ line-height: 18px;
45057
+ /* 138.462% */
45058
+ }
45059
+ .dev-item-wrapper .room-status .room-name::after {
45060
+ content: ' | ';
45061
+ }
45062
+ .dev-item-wrapper .offline {
45063
+ color: #FFA000;
45064
+ }
45065
+ .checkedItem {
45066
+ border-width: 2px;
45067
+ border-color: #096dd9;
44974
45068
  }
44975
45069