@awes-io/ui 2.140.0 → 2.141.0

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.141.0](https://github.com/awes-io/client/compare/@awes-io/ui@2.140.0...@awes-io/ui@2.141.0) (2025-11-06)
+
+
+### Bug Fixes
+
+* **aw-avatar:** placeholder image updated ([305c95c](https://github.com/awes-io/client/commit/305c95cd6ca0ed158d6ca6e071f0876221dd47d9))
+
+
+### Features
+
+* change style for notification ([b9a92ea](https://github.com/awes-io/client/commit/b9a92eaf0bdc623fb4e4c3f3a99c7c054a73da94))
+
+
+
+
+
 # [2.140.0](https://github.com/awes-io/client/compare/@awes-io/ui@2.139.0...@awes-io/ui@2.140.0) (2025-10-27)
 
 

package/assets/css/components/notification.css

@@ -123,7 +123,7 @@
     &_top {
         top: auto;
         bottom: env(safe-area-inset-bottom, 0px);
-        margin-bottom: 4.5rem !important;
+        margin-bottom: 1rem !important;
         margin-top: 0;
 
         .aw-noty-container__item {
@@ -172,18 +172,47 @@
     }
 }
 
+.aw-page-single-noty {
+    .aw-noty-container {
+        &_top {
+             padding-left: 1rem;
+             padding-right: 1rem;
+         }
+    }
+}
+
+.aw-page-noty {
+    .aw-noty-container_top {
+        margin-bottom: max(calc(var(--page-buttons-bottom, 0px) + var(--page-fixed-buttons-height, 0px)), 1rem) !important;
+    }
+}
+
+.aw-more-noty {
+    .aw-noty-container_top {
+        margin-bottom: 3.5rem !important;
+    }
+}
+
 @screen lg {
     .aw-page-single-noty {
         .aw-noty-container {
             &_top {
                  margin-top: 3.5rem;
+                 padding-left: 0.5rem;
+                 padding-right: 0.5rem;
              }
         }
     }
 
+    .aw-page-noty, .aw-more-noty {
+        .aw-noty-container_top {
+            margin-bottom: 0 !important;
+        }
+    }
+
     .aw-noty-container {
         width: auto;
-        max-width: theme('maxWidth.xs', 20rem);
+        max-width: 23rem;
 
         &_top {
              top: env(safe-area-inset-top, 0px);

package/components/1_atoms/AwAvatar.vue

@@ -49,13 +49,24 @@
             <svg
                 v-if="(imageError || !src) && type === 'no-img'"
                 xmlns="http://www.w3.org/2000/svg"
-                viewBox="0 0 496 512"
+                xmlns:xlink="http://www.w3.org/1999/xlink"
+                width="30"
+                height="30"
+                viewBox="0 0 30 30"
                 class="aw-avatar__no-img-icon"
                 data-dark="false"
             >
                 <path
                     :fill="color.background"
-                    d="M248 8a248 248 0 100 496 248 248 0 000-496zm0 96a88 88 0 110 176 88 88 0 010-176zm0 344c-59 0-111-27-146-68 18-36 55-60 98-60l7 1c13 4 27 7 41 7s28-3 41-7l7-1c43 0 80 24 99 60-36 41-88 68-147 68z"
+                    d="M30 15a15 15 0 1 0-30 0 15 15 0 0 0 30 0"
+                />
+                <path
+                    fill="var(--c-surface, #fff)"
+                    d="M21.23 9.23c0 3.43-2.8 6.23-6.23 6.23a6.25 6.25 0 0 1-6.23-6.23C8.77 5.8 11.57 3 15 3s6.23 2.8 6.23 6.23"
+                />
+                <path
+                    fill="var(--c-surface, #fff)"
+                    d="M25.07 19.3q.37.53.63 1.14.12.27-.09.52-.32.56-.73 1.09a12.6 12.6 0 0 1-9.9 4.95 12.3 12.3 0 0 1-10.64-6.04q-.14-.25-.03-.52c.16-.38.38-.79.62-1.14 1.2-1.8 3.09-2.06 5.2-2.35l.16-.02c.28-.06.58.02.8.19A6.6 6.6 0 0 0 15 18.39c1.42 0 2.78-.43 3.92-1.27.22-.17.52-.22.79-.2l.15.03c2.12.29 3.99.54 5.21 2.35"
                 />
             </svg>
         </slot>

package/components/4_pages/AwPage.vue

@@ -232,6 +232,14 @@ export default {
         }
     },
 
+    head() {
+        return {
+            bodyAttrs: {
+                class: 'aw-page-noty'
+            }
+        }
+    },
+
     provide() {
         return {
             teleportButtonsTo: '.aw-page'
@@ -299,9 +307,18 @@ export default {
         }
     },
 
+    mounted() {
+        if (!this._hideBottomBar) {
+            document.body.style.setProperty('--page-buttons-bottom', '3.5rem')
+        } else {
+            document.body.style.removeProperty('--page-buttons-bottom')
+        }
+    },
+
     beforeDestory() {
         this.$emit('update:fullscreen', false)
         this.watchFullscreenState(false)
+        document.body.style.removeProperty('--page-buttons-bottom')
     },
 
     methods: {

package/components/4_pages/AwPageMenuButtons.vue

@@ -39,7 +39,9 @@
 
         <!-- fixed button -->
         <Teleport
-            v-if="!isExpanded && splitButtons.fixed"
+            v-if="
+                !isExpanded && splitButtons.fixed && splitButtons.fixed.length
+            "
             :to="teleportButtonsTo"
         >
             <div class="aw-page-menu-buttons__fixed-btns">
@@ -174,11 +176,47 @@ export default {
         }
     },
 
+    watch: {
+        'splitButtons.fixed': {
+            handler() {
+                if (!this.isExpanded) {
+                    this.getFixedButtonsHeight()
+                }
+            },
+            immediate: true
+        }
+    },
+
     mounted() {
         this._initScrollListener()
     },
 
+    beforeDestroy() {
+        document.body.style.removeProperty('--page-fixed-buttons-height')
+    },
+
     methods: {
+        getFixedButtonsHeight() {
+            const buttons = document.querySelector(
+                '.aw-page-menu-buttons__fixed-btns'
+            )
+
+            let buttonsHeight = 0
+
+            if (buttons) {
+                buttonsHeight = buttons.offsetHeight
+            } else {
+                const oneButtonHeight = 72
+
+                buttonsHeight = this.splitButtons.fixed.length * oneButtonHeight
+            }
+
+            document.body.style.setProperty(
+                '--page-fixed-buttons-height',
+                `${buttonsHeight}px`
+            )
+        },
+
         _getVisiblity(show) {
             return isType('Function', show) ? show(this) : defaultTo(true, show)
         },

package/nuxt/pages/more.vue

@@ -152,6 +152,14 @@ export default {
 
     mixins: [pageMixin],
 
+    head() {
+        return {
+            bodyAttrs: {
+                class: 'aw-more-noty'
+            }
+        }
+    },
+
     computed: {
         ...mapState('awesIo', ['bottomBarAction']),
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@awes-io/ui",
-    "version": "2.140.0",
+    "version": "2.141.0",
     "description": "User Interface (UI) components",
     "keywords": [
         "ui",
@@ -114,5 +114,5 @@
         "rollup-plugin-visualizer": "^2.6.0",
         "rollup-plugin-vue": "^5.0.1"
     },
-    "gitHead": "e2805427b095c761e932f912d218ee212b08e52e"
+    "gitHead": "6a1c98c94322a7515f824f414e09892e79776654"
 }