From 467ca1b93bbe8c5c4f6c3c7a2026b32fe577b1e4 Mon Sep 17 00:00:00 2001 From: Srinath Date: Wed, 4 Feb 2026 13:34:25 +0530 Subject: [PATCH] create new scss component --- .../ProductCatlogue/Productcatalogue.scss | 46 +++++++++++++++++++ 1 file changed, 46 insertions(+) create mode 100644 src/Pages/ProductCatlogue/Productcatalogue.scss diff --git a/src/Pages/ProductCatlogue/Productcatalogue.scss b/src/Pages/ProductCatlogue/Productcatalogue.scss new file mode 100644 index 0000000..da807ba --- /dev/null +++ b/src/Pages/ProductCatlogue/Productcatalogue.scss @@ -0,0 +1,46 @@ +.pc-wrapper { + padding: 10px; + background-color: #f8f9fc; + min-height: 100vh; + width: 100%; +} + +.pc-header { + display: flex; + justify-content: flex-end; + margin-bottom: 24px; + gap: 1rem; +} + +.pc-generate-btn { + display: inline-flex; + align-items: center; + gap: 8px; + + button { + background-color: #901d77; + color: #ffffff; + border-radius: 8px; + padding: 10px 20px; + font-weight: 500; + transition: all 0.3s ease; + + &:hover { + background-color: darken(#901d77, 8%); + transform: translateY(-1px); + } + } +} + + + +/* Responsive */ +@media (max-width: 768px) { + .pc-wrapper { + padding: 16px; + } + + .pc-header { + justify-content: flex-start; + } +}