Subbu1304 commited on
Commit
e352d80
·
verified ·
1 Parent(s): de9e9a1

Update templates/menu.html

Browse files
Files changed (1) hide show
  1. templates/menu.html +4 -3
templates/menu.html CHANGED
@@ -635,7 +635,6 @@ form-check-input addon-option{
635
  gap: 15px; /* Space between buttons */
636
  margin-top: 20px; /* Space above the button row */
637
  }
638
-
639
  /* Style for the buttons */
640
  .category-btn {
641
  display: flex;
@@ -644,10 +643,10 @@ form-check-input addon-option{
644
  padding: 10px 20px;
645
  border: 2px solid #ccc;
646
  border-radius: 25px;
647
- background-color: white;
648
  font-size: 16px;
649
  cursor: pointer;
650
- transition: color 0.3s, border 0.3s;
651
  width: 120px; /* Ensures buttons are of equal width */
652
  text-align: center;
653
  }
@@ -662,6 +661,7 @@ form-check-input addon-option{
662
  .category-btn:hover {
663
  border-color: #ff7043; /* Change border color on hover */
664
  color: #ff7043; /* Change text color on hover */
 
665
  }
666
 
667
  /* Highlight selected button (no background color change) */
@@ -688,6 +688,7 @@ form-check-input addon-option{
688
 
689
 
690
 
 
691
  </style>
692
  </head>
693
  <body>
 
635
  gap: 15px; /* Space between buttons */
636
  margin-top: 20px; /* Space above the button row */
637
  }
 
638
  /* Style for the buttons */
639
  .category-btn {
640
  display: flex;
 
643
  padding: 10px 20px;
644
  border: 2px solid #ccc;
645
  border-radius: 25px;
646
+ background-color: white; /* Ensure background stays white */
647
  font-size: 16px;
648
  cursor: pointer;
649
+ transition: color 0.3s, border-color 0.3s; /* No background color transition */
650
  width: 120px; /* Ensures buttons are of equal width */
651
  text-align: center;
652
  }
 
661
  .category-btn:hover {
662
  border-color: #ff7043; /* Change border color on hover */
663
  color: #ff7043; /* Change text color on hover */
664
+ background-color: white; /* Ensure background stays white on hover */
665
  }
666
 
667
  /* Highlight selected button (no background color change) */
 
688
 
689
 
690
 
691
+
692
  </style>
693
  </head>
694
  <body>