nuxt-toastflow 1.0.2-beta.0 → 1.0.2-beta.2

package/dist/module.js

@@ -97,6 +97,7 @@ var module_default = (0, import_kit.defineNuxtModule)({
     });
     const toastTemplate = (0, import_kit.addTemplate)({
       filename: "toastflow/toast.ts",
+      write: true,
       getContents: function() {
         return [
           'import { useNuxtApp } from "#app";',

package/dist/module.mjs

@@ -81,6 +81,7 @@ var module_default = defineNuxtModule({
     });
     const toastTemplate = addTemplate({
       filename: "toastflow/toast.ts",
+      write: true,
       getContents: function() {
         return [
           'import { useNuxtApp } from "#app";',

package/dist/styles.css

@@ -248,6 +248,7 @@
 .tf-toast-motion {
   width: 100%;
   transform-origin: center;
+  backface-visibility: hidden;
 }
 
 /* MOVE */
@@ -295,6 +296,25 @@
   transform: translate3d(0, var(--tf-toast-motion-offset), 0) scale(0.96);
 }
 
+@media (max-width: 640px) {
+  .tf-toast-item[data-position^="top-"] {
+    --tf-toast-motion-offset: -18px;
+  }
+
+  .tf-toast-item[data-position^="bottom-"] {
+    --tf-toast-motion-offset: 18px;
+  }
+
+  .Toastflow__animation-enter-from > .tf-toast-motion,
+  .Toastflow__animation-appear-from > .tf-toast-motion {
+    transform: translate3d(0, var(--tf-toast-motion-offset), 0) scale(0.98);
+  }
+
+  .Toastflow__animation-leave-to > .tf-toast-motion {
+    transform: translate3d(0, var(--tf-toast-motion-offset), 0) scale(0.98);
+  }
+}
+
 /* CLEAR ALL */
 .Toastflow__animation-clearAll .tf-toast-motion {
   animation: Toastflow__clearAll-kf var(--tf-toast-animation-in-duration)

package/package.json

@@ -21,7 +21,7 @@
     "url": "https://github.com/adrianjanocko/toastflow.git",
     "directory": "packages/nuxt"
   },
-  "version": "1.0.2-beta.0",
+  "version": "1.0.2-beta.2",
   "main": "./dist/module.js",
   "module": "./dist/module.mjs",
   "types": "./dist/module.d.ts",
@@ -56,8 +56,8 @@
     "nuxt": "^3.0.0 || ^4.0.0"
   },
   "dependencies": {
-    "@nuxt/kit": "^4.4.2",
-    "vue-toastflow": "^1.2.0-beta.3"
+    "@nuxt/kit": "^4.4.6",
+    "vue-toastflow": "^1.2.0-beta.5"
   },
   "devDependencies": {
     "tsup": "^8.5.1",