@touchvue/ui 1.0.0-beta.44 → 1.0.0-beta.46

package/theme/skin/default.css

@@ -2083,6 +2083,7 @@ html body .height-full {
 .to-tag.type-corner.position-bottom-left {
   left: 0;
   bottom: 0;
+  top: unset;
 }
 .to-tag.type-corner.position-bottom-left .to-tag-wrapper {
   border-radius: 0 var(--radius) 0 0;
@@ -2090,6 +2091,7 @@ html body .height-full {
 .to-tag.type-corner.position-bottom-right {
   right: 0;
   bottom: 0;
+  top: unset;
 }
 .to-tag.type-corner.position-bottom-right .to-tag-wrapper {
   border-radius: var(--radius) 0 0 0;
@@ -3938,6 +3940,7 @@ html body .height-full {
   --weight: normal;
   --gap: 0;
   --clear-margin: 0;
+  --clear-height: var(--height);
   --content-gap: 1em;
   --content-padding: 0 1em;
   --prefix-padding: 0;
@@ -4025,6 +4028,8 @@ html body .height-full {
 .to-input-clear {
   margin: var(--clear-margin);
   --color: var(--color-fg-fade);
+  --height: var(--clear-height);
+  --width: var(--clear-height);
 }
 .to-input-box {
   width: 100%;
@@ -5396,31 +5401,14 @@ html body .height-full {
   background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0.5) 100%);
   border-top: 1px solid rgba(255, 255, 255, 0.1);
 }
-.to-date-picker.to-dis > .to-icon-date {
-  pointer-events: none;
-}
-.to-picker-to-grid-container {
-  width: 100%;
-}
-.to-picker-to-grid-container > .to-padding {
-  width: 100%;
-}
-.to-picker-to-grid-container .scroll-picker-grid-flex {
-  width: 100%;
-  display: flex;
-  flex-direction: row;
+.to-date-picker {
+  --icon-height: var(--height);
+  --icon-radius: var(--radius);
 }
-.to-picker-to-grid-container .scroll-picker-grid-flex > .to-grid-item {
-  flex: 1;
-}
-.to-date-picker-calendar {
-  --border: 0 none;
-}
-.to-date-picker-calendar .header,
-.to-date-picker-calendar .week,
-.to-date-picker-calendar .select .year {
-  background: var(--color-bg);
-  color: var(--color-fg);
+.to-date-picker .to-date-picker-icon {
+  --width: var(--icon-height);
+  --height: var(--icon-height);
+  --radius: var(--icon-radius);
 }
 .to-date-range {
   --border: var(--border-fe);
@@ -6031,7 +6019,6 @@ html body .height-full {
 }
 .to-tab.dir-v .to-tab-divider {
   height: auto;
-  width: var(--divider-thick);
 }
 .to-tab.dir-v .to-tab-page {
   flex: 1;