jelaletdin/smart-electronics-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

changed some color and fix some styles

Browse Source
This commit is contained in:
@jcarymuhammedow
2026-02-07 16:06:33 +05:00
parent 022c7290b4
commit b27b8436d1
34 changed files with 999 additions and 368 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
features/products/components/ProductInfoCard.tsx
View File

@@ -35,7 +35,7 @@ export function ProductInfoCard({
return (
<div className="flex-1 space-y-6 bg-transparent">
{/* Main Info Card */}
<Card className="p-6 rounded-lg border border-gray-200 shadow-sm hover:shadow-md transition-shadow duration-300 gap-0">
<Card className="p-3 md:p-6 rounded-lg border border-gray-200 shadow-sm hover:shadow-md transition-shadow duration-300 gap-0">
<div className="">
<h1 className="text-3xl font-bold text-gray-900 leading-tight mb-3">
{name}

2
features/products/components/ProductPurchaseCard.tsx
View File

@@ -42,7 +42,7 @@ export function ProductPurchaseCard({
return (
<div className="lg:w-[420px] space-y-4">
<Card className="p-6 rounded-lg border border-gray-200 shadow-lg hover:shadow-xl transition-shadow duration-300">
<Card className="p-3 md:p-6 rounded-lg border border-gray-200 shadow-lg hover:shadow-xl transition-shadow duration-300">
{/* Price Section */}
<div className="flex justify-between items-baseline mb-3 pb-4 border-b border-gray-100 ">
<span className="text-lg font-medium text-gray-600">

2
features/products/components/ProductReviewsSection.tsx
View File

@@ -45,7 +45,7 @@ export function ProductReviewsSection({
const t= useTranslations();
return (
<Card className="p-6 rounded-xl">
<Card className="p-3 md:p-6 rounded-xl">
<div className="flex justify-between items-center ">
<div>
<h3 className="text-2xl font-bold">{t("customer_reviews")}</h3>

2
features/products/components/RelatedProductsSection.tsx
View File

@@ -34,7 +34,7 @@ export function RelatedProductsSection({
if (!products || products.length === 0) return null;
return (
<div className="bg-white rounded-lg p-6">
<div className="bg-white rounded-lg p-2 md:p-6">
<h2 className="text-2xl font-bold mb-6">{t("related_products")}</h2>
<div className="grid grid-cols-2 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4">
{products.slice(0, 4).map((product) => {