diff --git a/views/addProduct.ejs b/views/addProduct.ejs index f76f5961b8332cf36249d26a5fca48d13eb8f461..9b9e432f270552969cffc017c87c597df736aa19 100644 --- a/views/addProduct.ejs +++ b/views/addProduct.ejs @@ -32,16 +32,16 @@ body { /* --- ปุ่มหลัก (สีส้ม) --- */ .btn-orange { - background-color: #ff6600; - color: white; + background-color: #fff0e1; + color: rgb(10, 10, 10); border: none; - padding: 12px 20px; + padding: 10px 18px; border-radius: 8px; font-size: 16px; - font-weight: 500; + font-weight: 600; cursor: pointer; - box-shadow: 0 4px 12px rgba(255, 102, 0, 0.3); /* เพิ่มเงาให้ปุ่ม */ - transition: background-color 0.2s ease, transform 0.2s ease; + transition: background-color 0.2s ease, transform 0.1s ease; + box-shadow: 0 4px 8px rgba(255, 102, 0, 0.3); } .btn-orange:hover { diff --git a/views/cart.ejs b/views/cart.ejs index c78d818f91fc404634842a450c916d0ab44cd80f..496476ffe4a5a3b5109fa61d76245936644fa449 100644 --- a/views/cart.ejs +++ b/views/cart.ejs @@ -31,16 +31,16 @@ body { /* --- ปุ่มหลัก (สีส้ม) --- */ .btn-orange { - background-color: #ff6600; - color: white; + background-color: #fff0e1; + color: rgb(10, 10, 10); border: none; - padding: 12px 20px; + padding: 10px 18px; border-radius: 8px; font-size: 16px; - font-weight: 500; - transition: background-color 0.2s ease, transform 0.1s ease; + font-weight: 600; cursor: pointer; - box-shadow: 0 4px 12px rgba(255, 102, 0, 0.3); + transition: background-color 0.2s ease, transform 0.1s ease; + box-shadow: 0 4px 8px rgba(255, 102, 0, 0.3); } .btn-orange:hover { diff --git a/views/editProduct.ejs b/views/editProduct.ejs index ccc403f8ccd63f590342513e105905887d80b5f6..53c94bcb07f1790f566787c5ea3e106bee50d41d 100644 --- a/views/editProduct.ejs +++ b/views/editProduct.ejs @@ -31,16 +31,16 @@ body { /* --- ปุ่มหลัก (สีส้ม) --- */ .btn-orange { - background-color: #ff6600; - color: white; + background-color: #fff0e1; + color: rgb(10, 10, 10); border: none; - padding: 12px 20px; + padding: 10px 18px; border-radius: 8px; font-size: 16px; - font-weight: 500; - transition: background-color 0.2s ease, transform 0.1s ease; + font-weight: 600; cursor: pointer; - box-shadow: 0 4px 12px rgba(255, 102, 0, 0.3); + transition: background-color 0.2s ease, transform 0.1s ease; + box-shadow: 0 4px 8px rgba(255, 102, 0, 0.3); } .btn-orange:hover { diff --git a/views/orderConfirmation.ejs b/views/orderConfirmation.ejs index dcabaf483ffe4e2d2857b25c559a09786e591080..b8f0cb915f81c1dfe425536690a3b85fbc0ce846 100644 --- a/views/orderConfirmation.ejs +++ b/views/orderConfirmation.ejs @@ -33,15 +33,15 @@ /* --- ปุ่ม Orange --- */ .btn-orange { - background-color: #ff6600; - color: white; + background-color: #fff0e1; + color: rgb(10, 10, 10); border: none; - padding: 12px 20px; + padding: 10px 18px; border-radius: 8px; font-size: 16px; font-weight: 600; cursor: pointer; - transition: background-color 0.2s ease, box-shadow 0.2s ease; + transition: background-color 0.2s ease, transform 0.1s ease; box-shadow: 0 4px 8px rgba(255, 102, 0, 0.3); } diff --git a/views/orderHistory.ejs b/views/orderHistory.ejs index 5e07719d09b3c7959e46c8a7a7ff36672781f220..052eafb5e26961b43de4a723486483abdd56f71b 100644 --- a/views/orderHistory.ejs +++ b/views/orderHistory.ejs @@ -32,15 +32,15 @@ body { /* --- ปุ่ม Orange --- */ .btn-orange { - background-color: #ff6600; - color: #ffffff; + background-color: #fff0e1; + color: rgb(10, 10, 10); border: none; - padding: 10px 16px; + padding: 10px 18px; border-radius: 8px; font-size: 16px; font-weight: 600; cursor: pointer; - transition: background-color 0.2s ease, box-shadow 0.2s ease; + transition: background-color 0.2s ease, transform 0.1s ease; box-shadow: 0 4px 8px rgba(255, 102, 0, 0.3); } diff --git a/views/searchResults.ejs b/views/searchResults.ejs index 2812c5c76ac229e7be6829e7428739e2f5fdbb6d..4907156c50cfdd3166670c827b676a795d7aaced 100644 --- a/views/searchResults.ejs +++ b/views/searchResults.ejs @@ -48,16 +48,16 @@ body { } .btn-orange { - background-color: #ff6600; - color: #ffffff; + background-color: #fff0e1; + color: rgb(10, 10, 10); border: none; - padding: 8px 16px; - border-radius: 6px; - cursor: pointer; - font-size: 14px; + padding: 10px 18px; + border-radius: 8px; + font-size: 16px; font-weight: 600; + cursor: pointer; transition: background-color 0.2s ease, transform 0.1s ease; - display: inline-block; + box-shadow: 0 4px 8px rgba(255, 102, 0, 0.3); } .btn-orange:hover {