MetatroncubeSoftwareSolutions/MetatronLatestWebsite
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

contact icon issue updated

Browse Source
This commit is contained in:
Selvi 2026-03-09 20:49:56 +05:30
parent 2ef3690dad
commit 3c5a0059a3
7 changed files with 21 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/assets/css/main.css
View File

@ -4350,7 +4350,7 @@ p.banner-text {
.news-area .col-lg-8 { .news-area .col-lg-8 {
width: 100%; width: 100%;
order: 1; order: 1;
margin-bottom: 50px; /* margin-bottom: 50px; */
} }
.blog-details-area .col-lg-4, .blog-details-area .col-lg-4,

17
src/app/globals.css
View File

@ -10861,10 +10861,11 @@ body {
@media (max-width: 424px) { @media (max-width: 424px) {
.contact-area .contact-info-item .icon { .contact-area .contact-info-item .icon {
width: 0px; width: 50px;
height: 0px; height: 50px;
margin-right: 20px; min-width: 50px;
font-size: 16px; margin-right: 15px;
font-size: 18px;
} }
.about-three__card__exp { .about-three__card__exp {
@ -12001,7 +12002,7 @@ body {
@media (max-width: 500px) { @media (max-width: 500px) {
.contact-area .contact-info-item .content h6 { .contact-area .contact-info-item .content h6 {
font-size: 16px; font-size: 14px;
} }
.faq-one__card { .faq-one__card {
@ -13586,3 +13587,9 @@ body {
background-color: #3779b9; background-color: #3779b9;
color: #ffffff; color: #ffffff;
} }
@media (max-width: 767px) {
.video-three .video-three__inner {
margin-top: -50px;
}
}

2
src/components/blog/BlogDetails.tsx
View File

@ -52,7 +52,7 @@ const BlogDetails = ({ blog }: BlogDetailsProps) => {
{/* Render the full HTML content from description */} {/* Render the full HTML content from description */}
<div <div
className="details-text mb-60" className="details-text"
dangerouslySetInnerHTML={{ __html: blog.description || '' }} dangerouslySetInnerHTML={{ __html: blog.description || '' }}
/> />

2
src/components/blog/BlogSidebar.tsx
View File

@ -164,7 +164,7 @@ const BlogSidebar = ({
</div> </div>
{/* Categories Widget */} {/* Categories Widget */}
<div className="single-sidebar-widget"> <div className="single-sidebar-widget mb-0">
<div className="wid-title"> <div className="wid-title">
<h3>{excludeSlug ? "Blog Related Category" : "Categories"}</h3> <h3>{excludeSlug ? "Blog Related Category" : "Categories"}</h3>
</div> </div>

6
src/components/contact/ContactSection.tsx
View File

@ -105,7 +105,7 @@ const ContactSection = () => {
</div> </div>
<div className="contact-info-list"> <div className="contact-info-list">
<div className="contact-info-item d-flex align-items-center mb-30"> <div className="contact-info-item d-flex align-items-center mb-30">
<div className="Call Anytime"> <div className="icon">
<i className="fa-solid fa-phone-volume"></i> <i className="fa-solid fa-phone-volume"></i>
</div> </div>
<div className="content"> <div className="content">
@ -114,7 +114,7 @@ const ContactSection = () => {
</div> </div>
</div> </div>
<div className="contact-info-item d-flex align-items-center mb-30"> <div className="contact-info-item d-flex align-items-center mb-30">
<div className="Send Email"> <div className="icon">
<i className="fa-solid fa-envelope"></i> <i className="fa-solid fa-envelope"></i>
</div> </div>
<div className="content"> <div className="content">
@ -123,7 +123,7 @@ const ContactSection = () => {
</div> </div>
</div> </div>
<div className="contact-info-item d-flex align-items-center"> <div className="contact-info-item d-flex align-items-center">
<div className="Waterloo, Ontario Canada"> <div className="icon">
<i className="fa-solid fa-location-dot"></i> <i className="fa-solid fa-location-dot"></i>
</div> </div>
<div className="content"> <div className="content">

2
src/components/home/AboutThree.tsx
View File

@ -79,7 +79,7 @@ const AboutThree = () => {
<p className="about-three__card__exp__text">Years Experience</p> <p className="about-three__card__exp__text">Years Experience</p>
</div> </div>
</div> </div>
<div className="about-three__benefits"> <div className="about-three__benefits pt-20">
<ul className="about-three__benefits__list"> <ul className="about-three__benefits__list">
<li className="bullet-item d-flex align-items-center mb-20"> <li className="bullet-item d-flex align-items-center mb-20">
<i className="fa-solid fa-circle-check" style={{ marginRight: '10px' }}></i> <i className="fa-solid fa-circle-check" style={{ marginRight: '10px' }}></i>

4
src/components/home/PortfolioSection.tsx
View File

@ -173,9 +173,9 @@ function PortfolioLightbox({ item, onClose }: { item: any; onClose: () => void }
<div className="pf-lightbox-backdrop" onClick={onClose}> <div className="pf-lightbox-backdrop" onClick={onClose}>
<div className="pf-lightbox-content" onClick={(e) => e.stopPropagation()}> <div className="pf-lightbox-content" onClick={(e) => e.stopPropagation()}>
<img src={item.image} alt={item.alt || item.name} className="pf-lightbox-img" /> <img src={item.image} alt={item.alt || item.name} className="pf-lightbox-img" />
<div className="pf-lightbox-details"> {/* <div className="pf-lightbox-details">
<h3>{item.name}</h3> <h3>{item.name}</h3>
</div> </div> */}
</div> </div>
</div> </div>
); );