44 lines
936 B
CSS
44 lines
936 B
CSS
.container {
|
|
@apply fixed left-0 right-0 w-full bg-white shadow-lg z-50 border-b-[5px] border-[#2563EB] py-6;
|
|
}
|
|
|
|
.productGrid {
|
|
@apply grid grid-cols-1 md:grid-cols-2 gap-4 lg:w-2/3;
|
|
}
|
|
|
|
.productCard {
|
|
@apply cursor-pointer p-2;
|
|
}
|
|
|
|
.productImage {
|
|
@apply hidden md:block relative overflow-hidden rounded-lg mb-2;
|
|
}
|
|
|
|
.productTitle {
|
|
@apply mt-2 text-[22px] font-[500] text-[#1E0E62] font-poppins;
|
|
}
|
|
|
|
.productDescription {
|
|
@apply mt-2 text-[14px] font-[500] text-[#6B7280] font-poppins mb-2;
|
|
}
|
|
|
|
.sidebarTitle {
|
|
@apply text-[32px] font-[700] text-[#1E0E62] mb-6 font-poppins;
|
|
}
|
|
|
|
.sidebarItem {
|
|
@apply cursor-pointer mb-6 bg-white;
|
|
}
|
|
|
|
.viewAllButton {
|
|
@apply w-full flex items-center justify-center px-4 py-3 bg-[#1E0E62] text-white font-semibold rounded-lg hover:bg-[#1E0E62]/90 transition-colors font-poppins mt-4;
|
|
}
|
|
|
|
.sidebarContent {
|
|
@apply relative overflow-hidden;
|
|
}
|
|
|
|
.expandedContent {
|
|
@apply overflow-hidden;
|
|
}
|