MetatroncubeSoftwareSolutions/Shivasakthi-Restarunt
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

menus updated
Some checks failed
Build and Deploy Build Output / build (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Selvi 2026-07-11 20:38:59 +05:30
parent 4acf77ed40
commit 8c6b9e1010
2 changed files with 807 additions and 592 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1335
components/RestaurantMenu.js
View File

File diff suppressed because it is too large Load Diff

64
public/assets/css/style.css
View File

@ -1353,7 +1353,7 @@ h5,
.food-menu-item .content .price,
.testimonial-item .text {
line-height: 1.66;
font-size: 24px;
font-size: 20px;
}
h6,
@ -8234,18 +8234,19 @@ h6,
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
font-size: 20px;
}
.food-menu-item.style-two .content h5 .dots {
height: 2px;
width: 100%;
margin-left: 25px;
margin-left: 5px;
margin-bottom: 10px;
border-bottom: 2px dotted var(--base-color);
}
.food-menu-item.style-two .content h5 .price {
margin-left: 20px;
margin-left: 10px;
}
@media(max-width:425px) {
@ -8280,6 +8281,63 @@ h6,
}
/* ================================================
Hakka Menu Tab - specific layout fixes
Left column: price wraps to next line below 1399px
Right column: untouched at all sizes
================================================ */
/* General gap increase for hakka tab on all sizes */
.hakka-menu {
--bs-gutter-x: 3rem;
}
@media only screen and (min-width: 1200px) {
.hakka-menu {
--bs-gutter-x: 60px;
}
}
@media only screen and (min-width: 1920px) {
.hakka-menu {
--bs-gutter-x: 100px;
}
}
/* Hide desc-price by default */
.food-menu-item.style-two .content .desc-price {
display: none;
}
/* LEFT COLUMN ONLY - below 1399px: price drops to after description */
@media only screen and (max-width: 1399px) {
.hakka-left .food-menu-item.style-two .content h5 .inline-price {
display: none;
}
.hakka-left .food-menu-item.style-two .content h5 .dots {
margin-left: 10px;
}
.hakka-left .food-menu-item.style-two .content .desc-price {
display: block;
margin-top: 4px;
font-size: 20px;
font-weight: 700;
color: #ffb936;
line-height: 1.4;
margin-left: 0;
}
}
@media (max-width: 425px) {
.food-menu-item.style-two .content h5 .title,
.hakka-left .food-menu-item.style-two .content .desc-price {
font-size: 17px;
}
}
.popular-menu-wrap {
height: 100%;
background: white;