bge-ui 1.7.7 → 1.7.9

package/dist/index.js

@@ -23143,7 +23143,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 }, ["stop"]))
               }, [
                 createElementVNode("div", {
-                  class: "icon-container",
+                  class: "drawer-close-container",
                   onClick: close
                 }, [
                   createVNode(_sfc_main$1L, { class: "font-24" })

package/dist/style.css

@@ -1348,6 +1348,20 @@ to {
 }
 .bge-dialog .bge-dialog__body.full {
   padding: 16px 0;
+}
+@media only screen and (max-width: 1023px) {
+.bge-dialog {
+    width: 100%;
+    position: absolute;
+    left: 0;
+    bottom: 0;
+    margin: 0;
+    border-radius: var(--radius-medium, 16px) var(--radius-medium, 16px) 0 0;
+}
+.bge-dialog .bge-dialog__header {
+    font-size: 18px;
+    line-height: 32px;
+}
 }.bge-checkbox {
   display: inline-flex;
   justify-content: flex-start;
@@ -1819,7 +1833,7 @@ to {
   height: 100%;
   padding-top: 64px;
 }
-.bge-drawer .icon-container {
+.bge-drawer .drawer-close-container {
   position: absolute;
   right: 12px;
   top: 12px;
@@ -1828,13 +1842,13 @@ to {
   display: flex;
   justify-content: center;
   align-items: center;
-  color: var(--persistent-tc-primary);
+  color: var(--tc-primary);
 }
-.bge-drawer .icon-container svg {
+.bge-drawer .drawer-close-container svg {
   font-size: 24px !important;
 }
-.bge-drawer .icon-container:hover {
-  color: var(--persistent-tc-primary);
+.bge-drawer .drawer-close-container:hover {
+  color: var(--tc-primary);
 }
 .bge-drawer__body {
   padding: 0 12px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bge-ui",
-  "version": "1.7.7",
+  "version": "1.7.9",
   "description": "",
   "type": "module",
   "main": "./src/index.ts",

package/src/dialog/index.vue

@@ -217,18 +217,21 @@ defineExpose({
   }
 }
 
-// @include md {
-//   .bge-dialog {
-//     width: 100%;
-//     left: 0;
-//     top: 100%;
-//     transform: translate(0, -100%);
-
-//     .bge-dialog__header {
-//       font-size: 18px;
-//       line-height: 32px;
-//     }
-//   }
-// }
+@include md {
+  .bge-dialog {
+    width: 100%;
+    position: absolute;
+    left: 0;
+    bottom: 0;
+    // transform: translate(0, -100%);
+    margin: 0;
+    border-radius: var(--radius-medium, 16px) var(--radius-medium, 16px) 0 0;
+
+    .bge-dialog__header {
+      font-size: 18px;
+      line-height: 32px;
+    }
+  }
+}
 
 </style>

package/src/drawer/index.vue

@@ -6,7 +6,7 @@
         @before-leave="close"
       >
           <div class="bge-drawer" v-if="visible" @click.stop="">
-            <div class="icon-container" @click="close">
+            <div class="drawer-close-container" @click="close">
               <MonoClose class="font-24" />
             </div>
             <div class="bge-drawer__body" ref="DialogBody">
@@ -94,7 +94,7 @@ const emits = defineEmits([
   height: 100%;
   padding-top: 64px;
 
-  .icon-container {
+  .drawer-close-container {
     position: absolute;
     right: 12px;
     top: 12px;
@@ -103,14 +103,14 @@ const emits = defineEmits([
     display: flex;
     justify-content: center;
     align-items: center;
-    color: var(--persistent-tc-primary);
+    color: var(--tc-primary);
 
     svg {
       font-size: 24px !important;
     }
 
     &:hover {
-      color: var(--persistent-tc-primary);
+      color: var(--tc-primary);
     }
   }
 }