@itilite/iui-user-management 1.4.497 → 1.4.611

package/dist/index.css

@@ -331,6 +331,15 @@
 ._1qLG1 {
   width: 352px;
 }
+._2LnGt .MuiPaper-rounded,
+._2LdH8 .MuiPaper-rounded {
+  border-radius: 12px;
+}
+
+._r0C_N .MuiPaper-rounded {
+  top: -120px;
+}
+
 ._3v2HU {
   margin-left: -5px !important;
   margin-top: 10px !important;
@@ -344,7 +353,7 @@
   position: absolute;
   z-index: 1000;
   right: 15px;
-  top: 8px;
+  top: 11px;
   transform: rotate(90deg);
 }
 
@@ -353,22 +362,42 @@
   z-index: 1000;
   right: 0;
   left: 20px;
-  width: 65%;
+  width: 93%;
 }
 ._AJzhr ._u-SZq {
   background: white;
-  border-radius: 4px;
+  border-radius: 12px;
   border: 1px solid #d1d5db;
-  max-height: 320px;
+  max-height: 315px;
   overflow-y: auto;
+  position: relative;
+  top: 4px;
+  scrollbar-width: thin;
+  scrollbar-color: #e5e7eb white;
+}
+._AJzhr ._u-SZq::-webkit-scrollbar {
+  width: 4px;
+}
+._AJzhr ._u-SZq::-webkit-scrollbar-thumb {
+  background: #e5e7eb;
+  border-radius: 8px;
+}
+._AJzhr ._u-SZq::-webkit-scrollbar-thumb:hover {
+  background: #6b7280;
+}
+
+._2GyN2 {
+  padding-top: 4px;
 }
 
 ._2d9GY {
   display: flex;
-  padding: 10px;
+  padding: 8px 8px 8px 16px;
+  padding-right: 8px;
+  align-items: center;
 }
 ._2d9GY:hover {
-  background: #fed7aa;
+  background: #f1f3f5;
   cursor: pointer;
 }
 ._2d9GY ._194K1 {
@@ -381,22 +410,25 @@
 }
 ._2d9GY ._194K1 ._l3kQ9 {
   color: #363e4f;
+  font-size: 17px;
+  font-weight: 400;
+  line-height: 28px;
 }
 ._2d9GY ._194K1 ._33IR- {
   color: #6b7280;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 20px;
 }
 ._2d9GY img {
-  height: 40px;
   width: 48px;
-  max-height: 40px;
   max-width: 48px;
   border-radius: 4px;
-  -o-object-fit: cover;
-     object-fit: cover;
-  border: 1px solid #d1d5db;
+  -o-object-fit: contain;
+     object-fit: contain;
 }
 
 ._35aiF ._2d5UD {
@@ -419,7 +451,7 @@
 }
 
 ._1oiP4 {
-  height: 34px;
+  height: 40px;
   margin-top: 5px;
   border-radius: 4px;
   border: 1px solid #d1d5db;
@@ -430,6 +462,18 @@
 ._1oiP4:focus-visible {
   outline: #fed7aa auto 1px;
 }
+._1oiP4::-moz-placeholder {
+  color: #9ca3af;
+  font-size: 16px;
+  font-weight: 400;
+  line-height: 24px;
+}
+._1oiP4::placeholder {
+  color: #9ca3af;
+  font-size: 16px;
+  font-weight: 400;
+  line-height: 24px;
+}
 
 ._35aiF {
   width: 100%;
@@ -437,8 +481,8 @@
 ._35aiF img {
   height: 120px;
   width: 240px;
-  -o-object-fit: cover;
-     object-fit: cover;
+  -o-object-fit: contain;
+     object-fit: contain;
   border-radius: 8px;
 }
 ._35aiF ._10Fx3 {
@@ -480,18 +524,26 @@
 ._2cSoW ._1Thb8 p {
   margin-left: 10px;
   margin-bottom: 0;
+  margin-top: 0;
+  max-width: 180px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+._2cSoW ._O51oP {
+  height: 40px;
+  display: flex;
+  align-items: center;
 }
 ._2cSoW ._3CdwB {
   width: 48px;
-  height: 40px;
   border-radius: 4px;
-  -o-object-fit: cover;
-     object-fit: cover;
-  border: 1px solid #d1d5db;
+  -o-object-fit: contain;
+     object-fit: contain;
+  height: auto;
 }
 ._2cSoW img {
   width: 48px;
-  height: 40px;
   -o-object-fit: cover;
      object-fit: cover;
   border-radius: 4px;
@@ -503,6 +555,9 @@
   line-height: 20px;
   color: #6b7280;
   text-align: left;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
 }
 ._2cSoW ._f_N1r {
   flex: 1;