ml-ui-lib 1.0.22 → 1.0.24
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -15,18 +15,18 @@ export const Footer = ({ footerItems, logoSrc = '', logoAlt = 'M Lhuillier Logo'
|
|
|
15
15
|
{ url: '/images/google-play.svg', link: 'https://play.google.com/store/apps/details?id=com.mlhuillier.mlwallet&pli=1' },
|
|
16
16
|
{ url: '/images/app-gallery.svg', link: 'https://appgallery.huawei.com/app/C102221791?source=qrCodeShare&referrer=PCWebAG&callType=SHARE&shareTo=qrcode&shareFrom=appmarket&reportEventLabel=appdetailpage' },
|
|
17
17
|
];
|
|
18
|
-
return (
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
18
|
+
return (_jsx("footer", { className: `footer ${className}`, style: { backgroundColor, color: textColor }, children: _jsxs("div", { style: { maxWidth: '1200px', margin: '0 auto' }, children: [_jsx("div", { className: "footer-container", children: _jsxs("div", { className: "footer-columns", children: [footerItems.map((group, i) => {
|
|
19
|
+
// Format the display name
|
|
20
|
+
const displayName = group.name
|
|
21
|
+
.split('-')
|
|
22
|
+
.map((word) => word.charAt(0).toUpperCase() + word.slice(1))
|
|
23
|
+
.join(' & ');
|
|
24
|
+
return (_jsxs("div", { className: `footer-column footer-column-${i + 1}`, children: [_jsx("h4", { className: "footer-title", children: displayName }), _jsx("ul", { className: "footer-links", children: group.items.map((item, idx) => (_jsx("li", { children: _jsx("a", { href: item.link, target: item.target || '_self', rel: item.target === '_blank' ? 'noopener noreferrer' : undefined, children: item.name }) }, idx))) })] }, i));
|
|
25
|
+
}), _jsxs("div", { className: "footer-column socials-and-apps", children: [_jsxs("div", { className: "socials", children: [_jsx("h4", { children: "Social Media" }), _jsx("div", { className: "socials-items", children: [
|
|
26
|
+
{ name: 'fb', link: 'https://www.facebook.com/mlhuillier.official/' },
|
|
27
|
+
{ name: 'ig', link: 'https://www.instagram.com/mlhuillier_official/' },
|
|
28
|
+
{ name: 'x', link: 'https://x.com/KaMLhuillier' },
|
|
29
|
+
{ name: 'yt', link: 'https://www.youtube.com/user/MLhuillierInc' },
|
|
30
|
+
].map((icon) => (_jsx("a", { href: icon.link, target: "_blank", rel: "noopener noreferrer", children: _jsx("img", { src: `/icons/${icon.name}.svg`, alt: icon.name }) }, icon.name))) })] }), _jsxs("div", { className: "apps", children: [_jsx("h4", { children: "Get the MCash App" }), _jsx("div", { className: "app-items", children: appLinksArr.map((item, index) => (_jsx("a", { href: item.link, children: _jsx("img", { src: item.url, alt: "App download" }) }, index))) })] })] })] }) }), _jsxs("div", { className: 'others', children: [_jsxs("div", { className: "footer-logo", children: [_jsx("a", { href: "/", children: _jsx("img", { src: logoSrc, alt: logoAlt, width: logoWidth, height: logoHeight, style: { display: 'block' } }) }), _jsx("span", { children: "FINANCIAL SERVICES, INC." }), _jsx("br", {}), _jsx("span", { children: "M.Lhuillier Financial Services, Inc. is regulated by the Bangko Sentral ng Pilipinas (BSP). For inquiries or assistance, you may reach us via:" }), _jsx("span", { children: _jsxs("ul", { children: [_jsx("li", { children: "Email: customercare@mlhuillier.com" }), _jsx("li", { children: "Or through our official Social media channels: consumeraaffairs@bsp.gov.ph" })] }) })] }), _jsx("div", { className: 'emblems', children: empblemArr.map((item, index) => (_jsxs("div", { className: "emblem-item", children: [_jsx("img", { src: item.url, alt: item.name }), _jsx("span", { children: item.name })] }, index))) })] }), _jsxs("div", { className: "footer-bottom", children: [_jsxs("p", { children: ["Copyright \u00A9 ", new Date().getFullYear(), " M.Lhuillier Financial Services, Inc."] }), " ", _jsx("p", { children: "All rights reserved." })] })] }) }));
|
|
31
31
|
};
|
|
32
32
|
export default Footer;
|
|
@@ -10,8 +10,8 @@
|
|
|
10
10
|
display: flex;
|
|
11
11
|
justify-content: space-between;
|
|
12
12
|
align-items: center;
|
|
13
|
-
|
|
14
|
-
margin: 0
|
|
13
|
+
max-width: 1200px;
|
|
14
|
+
margin: 0 auto;
|
|
15
15
|
}
|
|
16
16
|
|
|
17
17
|
.navbar-logo img {
|
|
@@ -43,8 +43,8 @@
|
|
|
43
43
|
|
|
44
44
|
.navbar-links a:hover {
|
|
45
45
|
transition: all 0.5s ease;
|
|
46
|
-
background: #
|
|
47
|
-
color: #
|
|
46
|
+
background: #fff;
|
|
47
|
+
color: #ff0000;
|
|
48
48
|
}
|
|
49
49
|
|
|
50
50
|
.navbar-links a.active {
|
|
@@ -131,6 +131,7 @@
|
|
|
131
131
|
}
|
|
132
132
|
|
|
133
133
|
.navbar-container {
|
|
134
|
+
margin: 0 20px;
|
|
134
135
|
padding: 1rem 1.5rem;
|
|
135
136
|
justify-content: space-between;
|
|
136
137
|
}
|
|
@@ -166,6 +167,11 @@
|
|
|
166
167
|
font-size: 1.2rem;
|
|
167
168
|
}
|
|
168
169
|
|
|
170
|
+
.navbar-links a:hover {
|
|
171
|
+
background: #ff0000;
|
|
172
|
+
color: #fff;
|
|
173
|
+
}
|
|
174
|
+
|
|
169
175
|
/* ⭐ MOBILE LOGIN FIXED AT BOTTOM */
|
|
170
176
|
.mobile-login-btn {
|
|
171
177
|
position: absolute;
|