Spaces:
Sleeping
Sleeping
Update templates/menu.html
Browse files- 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>
|