update

Author: munafio

client/_Examples.lua

@@ -208,6 +208,7 @@ RegisterCommand("bln_notify", function(source, args, rawCommand)
         description = args[3] or desc,
         icon = args[4] or defaultIcon,
         placement = (args[5] and validPlacements[args[5]] and args[5]) or defaultPlacement,
+        contentAlignment = "center"
     }
 
     TriggerEvent("bln_notify:send", options)

fxmanifest.lua

@@ -3,7 +3,7 @@ fx_version "adamant"
 rdr3_warning 'I acknowledge that this is a prerelease build of RedM, and I am aware my resources *will* become incompatible once RedM ships.'
 games {"rdr3"}
 
-version '2.2.0'
+version '2.3.0'
 
 author 'BLN Studio <bln-studio.com>'
 

ui/assets/css/styles.css

@@ -277,16 +277,16 @@
     opacity: 0.8;
     will-change: transform, opacity;
 }
-
-.notification.align-start {
+.notification-title, .notification-description { width: 100%; }
+.notification.align-start, .notification.align-start .notification-title {
     text-align: start;
 }
 
-.notification.align-center {
+.notification.align-center, .notification.align-center .notification-title {
     text-align: center;
 }
 
-.notification.align-end {
+.notification.align-end, .notification.align-end .notification-title {
     text-align: end;
 }
 

ui/assets/js/dynamic-text.js

@@ -18,15 +18,33 @@ Vue.component('dynamic-text', {
         }
     },
     methods: {
+        isValidFontSize(size) {
+            if (!size) return false;
+            return /^-?\d*\.?\d+(px|em|rem|%|pt|vh|vw|vmin|vmax|ch|ex)$/i.test(size.trim());
+        },
+        isValidFontWeight(weight) {
+            if (!weight) return false;
+            const normalized = weight.trim().toLowerCase();
+            if (/^[1-9]00$/.test(normalized)) return true;
+            return ['normal', 'bold', 'bolder', 'lighter'].includes(normalized);
+        },
         parseText() {
             const parts = [];
             let currentText = '';
             let currentColor = null;
+            let currentSize = null;
+            let currentWeight = null;
             let i = 0;
 
             const pushCurrentText = () => {
                 if (currentText) {
-                    parts.push({ type: 'text', text: currentText, color: currentColor });
+                    parts.push({
+                        type: 'text',
+                        text: currentText,
+                        color: currentColor,
+                        size: currentSize,
+                        weight: currentWeight
+                    });
                     currentText = '';
                 }
             };
@@ -54,6 +72,23 @@ Vue.component('dynamic-text', {
                         });
                     } else if (code === 'e') {
                         currentColor = null;
+                        currentSize = null;
+                        currentWeight = null;
+                    } else if (code.startsWith('size:')) {
+                        const sizeData = code.substring(5);
+                        const [rawSize, rawWeight] = sizeData.split('|');
+                        const nextSize = rawSize ? rawSize.trim() : null;
+                        const nextWeight = rawWeight ? rawWeight.trim() : null;
+
+                        if (nextSize && this.isValidFontSize(nextSize)) {
+                            currentSize = nextSize;
+                        }
+
+                        if (nextWeight && this.isValidFontWeight(nextWeight)) {
+                            currentWeight = nextWeight;
+                        } else {
+                            currentWeight = null;
+                        }
                     } else if (code.startsWith('#')) {
                         currentColor = code;
                     } else if (code.startsWith('img:')) {
@@ -136,7 +171,9 @@ Vue.component('dynamic-text', {
                 return h('span', {
                     key: index,
                     style: {
-                        color: part.color
+                        color: part.color,
+                        fontSize: part.size,
+                        fontWeight: part.weight
                     }
                 }, part.text);
             }