@qikdev/vue-ui 0.2.276 → 0.2.277

package/dist/style.css

@@ -1640,76 +1640,77 @@ input[data-v-4bea995b]:focus {
   bottom: 0;
   right: 0;
 }
-.basic-input-style[data-v-df4b8b3a] {
+.basic-input-style[data-v-b23f6ee4] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.content-item[data-v-df4b8b3a] {
+.content-item[data-v-b23f6ee4] {
   padding: 0.5em 0.8em;
   border-radius: 0.3em;
   cursor: pointer;
   margin-bottom: 1px;
 }
-.content-item .item-summary[data-v-df4b8b3a] {
+.content-item .item-summary[data-v-b23f6ee4] {
   opacity: 0.5;
   font-size: 0.9em;
 }
-.content-item .item-title[data-v-df4b8b3a] {
+.content-item .item-title[data-v-b23f6ee4] {
   font-weight: 500;
 }
 @media (prefers-color-scheme: light) {
-  .content-item[data-v-df4b8b3a] {
+  .content-item[data-v-b23f6ee4] {
     background: var(--bg1, #fff);
     border: 1px solid color-mix(in lab, currentColor 15%, transparent);
   }
 }
 @media (prefers-color-scheme: dark) {
-  .content-item[data-v-df4b8b3a] {
+  .content-item[data-v-b23f6ee4] {
     background: color-mix(in lab, #000 1%, transparent);
     border: 1px solid color-mix(in lab, currentColor 18%, transparent);
   }
 }
-.content-item[data-v-df4b8b3a]:last-child {
+.content-item[data-v-b23f6ee4]:last-child {
   margin-bottom: 0;
 }
-.content-item.deleted .text[data-v-df4b8b3a] {
+.content-item.deleted .text[data-v-b23f6ee4] {
   color: var(--error, red);
   text-decoration: line-through;
 }
-.content-item.inactive .text[data-v-df4b8b3a] {
+.content-item.inactive .text[data-v-b23f6ee4] {
   opacity: 0.5;
 }
-.content-item .text[data-v-df4b8b3a] {
+.content-item .text[data-v-b23f6ee4] {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: pre-line;
 }
-.content-item .icon-wrapper[data-v-df4b8b3a] {
+.content-item .icon-wrapper[data-v-b23f6ee4] {
   width: 25px;
   font-size: 20px;
   text-align: center;
 }
-.content-item .icon-wrapper.complete[data-v-df4b8b3a] {
+.content-item .icon-wrapper.complete[data-v-b23f6ee4] {
   color: var(--success, green);
 }
-.content-item .icon-wrapper.pending[data-v-df4b8b3a] {
+.content-item .icon-wrapper.pending[data-v-b23f6ee4] {
   color: var(--warning, orange);
 }
-.content-item .image-wrapper[data-v-df4b8b3a] {
-  width: 50px;
+.content-item .image-wrapper[data-v-b23f6ee4] {
+  width: 2em;
+  max-width: 50px;
 }
-.content-item .image-wrapper.profile[data-v-df4b8b3a] {
+.content-item .image-wrapper.profile[data-v-b23f6ee4] {
   width: 40px;
   height: 40px;
   background: rgba(0, 0, 0, 0.1);
   border-radius: 100%;
 }
-.content-item[data-v-df4b8b3a]:hover {
+.content-item[data-v-b23f6ee4]:hover {
   cursor: pointer;
   background: color-mix(in lab, currentColor 2%, transparent);
 }
-.content-item .pill[data-v-df4b8b3a] {
+.content-item .pill[data-v-b23f6ee4] {
   border-radius: 3em;
   padding: 0.3em 0.6em;
   display: block;
@@ -1721,46 +1722,46 @@ input[data-v-4bea995b]:focus {
   color: color-mix(in lab, currentColor, transparent);
   border: 1px solid;
 }
-.content-item .pill.live[data-v-df4b8b3a],
-.content-item .pill.success[data-v-df4b8b3a],
-.content-item .pill.paid[data-v-df4b8b3a],
-.content-item .pill.active[data-v-df4b8b3a] {
+.content-item .pill.live[data-v-b23f6ee4],
+.content-item .pill.success[data-v-b23f6ee4],
+.content-item .pill.paid[data-v-b23f6ee4],
+.content-item .pill.active[data-v-b23f6ee4] {
   background: #e0f3bf;
   color: #569e2f;
 }
 @media (prefers-color-scheme: dark) {
-  .content-item .pill.live[data-v-df4b8b3a],
-  .content-item .pill.success[data-v-df4b8b3a],
-  .content-item .pill.paid[data-v-df4b8b3a],
-  .content-item .pill.active[data-v-df4b8b3a] {
+  .content-item .pill.live[data-v-b23f6ee4],
+  .content-item .pill.success[data-v-b23f6ee4],
+  .content-item .pill.paid[data-v-b23f6ee4],
+  .content-item .pill.active[data-v-b23f6ee4] {
     background: none;
   }
 }
-.content-item .pill.sandbox[data-v-df4b8b3a],
-.content-item .pill.pending[data-v-df4b8b3a],
-.content-item .pill.cancelling[data-v-df4b8b3a] {
+.content-item .pill.sandbox[data-v-b23f6ee4],
+.content-item .pill.pending[data-v-b23f6ee4],
+.content-item .pill.cancelling[data-v-b23f6ee4] {
   background: #fbecbb;
   color: #d17a0e;
 }
 @media (prefers-color-scheme: dark) {
-  .content-item .pill.sandbox[data-v-df4b8b3a],
-  .content-item .pill.pending[data-v-df4b8b3a],
-  .content-item .pill.cancelling[data-v-df4b8b3a] {
+  .content-item .pill.sandbox[data-v-b23f6ee4],
+  .content-item .pill.pending[data-v-b23f6ee4],
+  .content-item .pill.cancelling[data-v-b23f6ee4] {
     background: none;
   }
 }
-.content-item .pill.error[data-v-df4b8b3a],
-.content-item .pill.unpaid[data-v-df4b8b3a],
-.content-item .pill.deleted[data-v-df4b8b3a],
-.content-item .pill.failed[data-v-df4b8b3a] {
+.content-item .pill.error[data-v-b23f6ee4],
+.content-item .pill.unpaid[data-v-b23f6ee4],
+.content-item .pill.deleted[data-v-b23f6ee4],
+.content-item .pill.failed[data-v-b23f6ee4] {
   background: #ffdddd;
   color: #b14e4e;
 }
 @media (prefers-color-scheme: dark) {
-  .content-item .pill.error[data-v-df4b8b3a],
-  .content-item .pill.unpaid[data-v-df4b8b3a],
-  .content-item .pill.deleted[data-v-df4b8b3a],
-  .content-item .pill.failed[data-v-df4b8b3a] {
+  .content-item .pill.error[data-v-b23f6ee4],
+  .content-item .pill.unpaid[data-v-b23f6ee4],
+  .content-item .pill.deleted[data-v-b23f6ee4],
+  .content-item .pill.failed[data-v-b23f6ee4] {
     background: none;
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qikdev/vue-ui",
-  "version": "0.2.276",
+  "version": "0.2.277",
   "files": [
     "dist"
   ],