minhnhat/uldp.edu.vn
1
0
Fork 0
forked from UKSOURCE/hailearning.edu.vn
Code Pull Requests 1 Activity

Merge pull request 'fix: refactor services page styling and improve component logic' (#10) from fix/bao-04022026-Page-Service-ServiceDetail into main

Browse Source 
Reviewed-on: UKSOURCE/hailearning.edu.vn#10
This commit is contained in:
tranthanh
2026-02-04 04:54:59 +00:00
parent d46c420aaf 693821a9aa
commit ec9883c65a
2 changed files with 56 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
app/services/page.tsx
View File

@@ -2,11 +2,7 @@ import { Metadata } from "next";
import { fetchServicePageData } from "../../api/servicesApi"; import { fetchServicePageData } from "../../api/servicesApi";
import { imageUrl } from "../utils/image"; import { imageUrl } from "../utils/image";
import Breadcrumb from "../components/Breadcrumb"; import Breadcrumb from "../components/Breadcrumb";
import "./services.css";
export const metadata: Metadata = {
title: "Services - Visaway Immigration & Visa Consulting",
description: "Immigration & Visa Consulting Services",
};
export default async function ServicesPage() { export default async function ServicesPage() {
const data = await fetchServicePageData(); const data = await fetchServicePageData();
@@ -77,7 +73,7 @@ export default async function ServicesPage() {
<div className="col-xl-12"> <div className="col-xl-12">
{services.items.map((service: any) => ( {services.items.map((service: any) => (
<div <div
key={service.id} key={service.slug}
className={`service-main-item-3 ${service.layout === "right" ? "style-2" : ""} fade-up-anim`} className={`service-main-item-3 ${service.layout === "right" ? "style-2" : ""} fade-up-anim`}
> >
{service.layout === "right" && ( {service.layout === "right" && (
@@ -203,7 +199,7 @@ export default async function ServicesPage() {
{reviews.title.mainTitle} {reviews.title.mainTitle}
</h2> </h2>
</div> </div>
<a href="#" className="theme-btn"> <a href="/contact" className="theme-btn">
View All Review View All Review
<i className="fa-solid fa-arrow-right"></i> <i className="fa-solid fa-arrow-right"></i>
</a> </a>

53
app/services/services.css Normal file
View File

@@ -0,0 +1,53 @@
/* Custom CSS for Service Image Sizing */
.service-main-item-3 .service-left .service-image {
flex-shrink: 0;
width: 352px;
height: 216px;
overflow: hidden;
border-radius: 16px;
}
.service-main-item-3 .service-left .service-image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
border-radius: 16px;
}
/*
.service-main-item-3 .service-left .content {
flex: 1;
min-width: 0;
}
.service-main-item-3 .service-left {
gap: 30px;
align-items: flex-start;
} */
/* @media (max-width: 1399px) {
.service-main-item-3 .service-left .service-image {
width: 250px;
height: 180px;
}
}
@media (max-width: 767px) {
.service-main-item-3 .service-left .service-image {
width: 100%;
height: 200px;
max-width: 300px;
}
.service-main-item-3 .service-left {
flex-direction: column;
align-items: flex-start;
text-align: left;
}
.service-main-item-3.style-2 .service-left {
flex-direction: column-reverse;
align-items: flex-start;
text-align: left;
}
} */