diff --git a/build/asset-manifest.json b/build/asset-manifest.json index c8f0991..8e54268 100644 --- a/build/asset-manifest.json +++ b/build/asset-manifest.json @@ -1,6 +1,6 @@ { "files": { - "main.css": "/static/css/main.c9d85431.css", + "main.css": "/static/css/main.8b364ef7.css", "main.js": "/static/js/main.0769ab6b.js", "static/js/453.4baca2de.chunk.js": "/static/js/453.4baca2de.chunk.js", "static/media/cropped-restaurant.jpeg": "/static/media/cropped-restaurant.425162b7026395d0f85e.jpeg", @@ -40,12 +40,12 @@ "static/media/Baklava.jpeg": "/static/media/Baklava.d59d6a6ed5fc798fcce6.jpeg", "static/media/Vegetarian Moussaka.jpg": "/static/media/Vegetarian Moussaka.bef14f9768a3a617f58c.jpg", "index.html": "/index.html", - "main.c9d85431.css.map": "/static/css/main.c9d85431.css.map", + "main.8b364ef7.css.map": "/static/css/main.8b364ef7.css.map", "main.0769ab6b.js.map": "/static/js/main.0769ab6b.js.map", "453.4baca2de.chunk.js.map": "/static/js/453.4baca2de.chunk.js.map" }, "entrypoints": [ - "static/css/main.c9d85431.css", + "static/css/main.8b364ef7.css", "static/js/main.0769ab6b.js" ] } \ No newline at end of file diff --git a/build/index.html b/build/index.html index f76c2f2..51191ce 100644 --- a/build/index.html +++ b/build/index.html @@ -1 +1 @@ -Swipact
\ No newline at end of file +Swipact
\ No newline at end of file diff --git a/build/static/css/main.c9d85431.css b/build/static/css/main.8b364ef7.css similarity index 90% rename from build/static/css/main.c9d85431.css rename to build/static/css/main.8b364ef7.css index 7cc4550..9f75084 100644 --- a/build/static/css/main.c9d85431.css +++ b/build/static/css/main.8b364ef7.css @@ -1,2 +1,2 @@ -*{font-family:Karla,sans-serif;margin:0;padding:0;-webkit-user-select:none;user-select:none}::-webkit-scrollbar{display:none}.center{align-items:center;display:flex;justify-content:center;margin-left:auto;margin-right:auto}img{border-radius:16px;display:block;object-fit:cover}.main-image{display:block;height:550px;left:5%;min-width:90%;right:5%;width:380px}.restaurant-image{height:150px;width:380px}.container{padding:15px;position:relative}.card{position:absolute}.control-icon{color:#fdd264}.float-text{background-color:#00000080;border-radius:16px;bottom:0;color:#fff;padding:10px;position:absolute;transform:translate(0)}.inline{align-items:center;display:flex;flex-direction:row}.control-icon{display:grid;justify-content:center}.dish-control{align-items:center;bottom:20px;display:flex;flex-direction:row;gap:50px;justify-content:center;left:50%;position:absolute;transform:translateX(-50%);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.card-stack{min-height:50%;position:relative;width:100vw}.slider-container{display:flex;overflow:auto;width:100%}.slider-image{background-color:#fff;margin:10px;width:120px}a{text-decoration:none}.content-holder{flex-grow:1;padding-bottom:60px}.desktop-background{background:#edefee;display:flex;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.app-container{align-items:center;justify-content:center;overflow:hidden}.app-container,.app-content{display:flex;max-height:896px;max-width:414px;width:100%}.app-content{background-color:#fff;border-radius:16px;flex-direction:column;height:100%;justify-content:space-between;overflow-y:auto;position:relative}.navbar{bottom:0;max-width:100%;position:-webkit-sticky;position:sticky}.primary-button{background-color:#f4ce14;border:none;border-radius:16px;font-weight:700;margin:20px;padding:10px 20px}.row{grid-column-gap:5px;column-gap:5px;display:grid;grid-template-columns:3fr 7fr;padding:5px}.row,input{text-align:center}input{background-color:#edefee;border:none;border-radius:16px;padding:10px}.contact-info{bottom:20px;color:#495e57;left:50%;position:absolute;transform:translate(-50%)}.mail-list{align-items:center;text-align:center}@media (max-height:895px) or (max-width:413px){.app-container{align-items:center;display:flex;justify-content:center;overflow:hidden;width:100%}.app-content{background-color:#fff;border-radius:16px;display:flex;flex-direction:column;height:100%;justify-content:space-between;max-height:100vh;min-width:95%;overflow-y:auto;position:relative;width:100%}.main-image{display:block;height:60vh;left:5%;min-width:90%;right:5%}.restaurant-image{width:100%}.dish-control{bottom:10px}.navbar{bottom:0;max-width:100%;position:-webkit-sticky;position:sticky}} -/*# sourceMappingURL=main.c9d85431.css.map*/ \ No newline at end of file +*{font-family:Karla,sans-serif;margin:0;padding:0;-webkit-user-select:none;user-select:none}::-webkit-scrollbar{display:none}.center{align-items:center;display:flex;justify-content:center;margin-left:auto;margin-right:auto}img{border-radius:16px;display:block;object-fit:cover}.main-image{display:block;height:550px;left:5%;min-width:90%;right:5%;width:380px}.restaurant-image{height:150px;width:380px}.container{padding:15px;position:relative}.card{position:absolute}.control-icon{color:#fdd264}.float-text{background-color:#00000080;border-radius:16px;bottom:0;color:#fff;padding:10px;position:absolute;transform:translate(0)}.inline{align-items:center;display:flex;flex-direction:row}.control-icon{display:grid;justify-content:center}.dish-control{align-items:center;bottom:20px;display:flex;flex-direction:row;gap:50px;justify-content:center;left:50%;position:absolute;transform:translateX(-50%);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.card-stack{min-height:50%;position:relative;width:100vw}.slider-container{display:flex;overflow:auto;width:100%}.slider-image{background-color:#fff;margin:10px;width:120px}a{text-decoration:none}.content-holder{flex-grow:1;padding-bottom:60px}.desktop-background{background:#edefee;display:flex;justify-content:center;min-height:100vh;overflow:hidden;width:100vw}.app-container{align-items:center;justify-content:center;overflow:hidden}.app-container,.app-content{display:flex;max-height:896px;max-width:414px;width:100%}.app-content{background-color:#fff;border-radius:16px;flex-direction:column;height:100%;justify-content:space-between;overflow-y:auto;position:relative}.navbar{bottom:0;max-width:100%;position:-webkit-sticky;position:sticky}.primary-button{background-color:#f4ce14;border:none;border-radius:16px;font-weight:700;margin:20px;padding:10px 20px}.row{grid-column-gap:5px;column-gap:5px;display:grid;grid-template-columns:3fr 7fr;padding:5px}.row,input{text-align:center}input{background-color:#edefee;border:none;border-radius:16px;padding:10px}.contact-info{bottom:20px;color:#495e57;left:50%;position:absolute;transform:translate(-50%)}.mail-list{align-items:center;text-align:center}@media (max-height:895px) or (max-width:413px){.app-container{align-items:center;display:flex;justify-content:center;overflow:hidden;width:100%}.app-content{background-color:#fff;border-radius:16px;display:flex;flex-direction:column;height:100%;justify-content:space-between;max-height:100vh;min-width:95%;overflow-y:auto;position:relative;width:100%}.main-image{display:block;height:55vh;left:5%;right:5%;width:345px}.restaurant-image{width:100%}.dish-control,.navbar{bottom:0}.navbar{max-width:100%;position:-webkit-sticky;position:sticky}} +/*# sourceMappingURL=main.8b364ef7.css.map*/ \ No newline at end of file diff --git a/build/static/css/main.8b364ef7.css.map b/build/static/css/main.8b364ef7.css.map new file mode 100644 index 0000000..1273c6c --- /dev/null +++ b/build/static/css/main.8b364ef7.css.map @@ -0,0 +1 @@ +{"version":3,"file":"static/css/main.8b364ef7.css","mappings":"AAAA,EAGA,4BAAgC,CADhC,QAAS,CADT,SAAU,CAGV,wBAAiB,CAAjB,gBACA,CAEA,oBACE,YACF,CAEA,QAKE,kBAAmB,CAJnB,YAAa,CAGb,sBAAuB,CAFvB,gBAAiB,CACjB,iBAGF,CAEA,IAEE,kBAAmB,CACnB,aAAc,CAFd,gBAGF,CAEA,YAGE,aAAc,CADd,YAAa,CAGb,OAAQ,CADR,aAAc,CAEd,QAAS,CALT,WAMF,CAEA,kBAEE,YAAa,CADb,WAEF,CAEA,WACE,YAAa,CACb,iBACF,CAEA,MACE,iBACF,CAEA,cACE,aACF,CAEA,YAKE,0BAAoC,CAGpC,kBAAmB,CALnB,QAAS,CAGT,UAAY,CACZ,YAAa,CANb,iBAAkB,CAClB,sBAOF,CAEA,QAGE,kBAAmB,CAFnB,YAAa,CACb,kBAEF,CAQA,cAEE,YAAa,CADb,sBAEF,CAEA,cAME,kBAAmB,CAHnB,WAAY,CAFZ,YAAa,CAGb,kBAAmB,CAGnB,QAAS,CAFT,sBAAuB,CAIvB,QAAS,CAPT,iBAAkB,CAQlB,0BAA2B,CAF3B,yBAAkB,CAAlB,sBAAkB,CAAlB,iBAGF,CAEA,YACE,cAAe,CAEf,iBAAkB,CADlB,WAGF,CAGA,kBACE,YAAa,CAEb,aAAc,CADd,UAEF,CACA,cACE,qBAAsB,CAEtB,WAAY,CADZ,WAEF,CAEA,EACE,oBACF,CAEA,gBAEE,WAAY,CADZ,mBAEF,CAEA,oBAME,kBAAmB,CALnB,YAAa,CACb,sBAAuB,CAEvB,gBAAiB,CACjB,eAAgB,CAFhB,WAIF,CAEA,eAME,kBAAmB,CADnB,sBAAuB,CAEvB,eACF,CAEA,4BANE,YAAa,CAFb,gBAAiB,CADjB,eAAgB,CAEhB,UAmBF,CAZA,aAME,qBAAyB,CACzB,kBAAmB,CAGnB,qBAAsB,CANtB,WAAY,CAOZ,6BAA8B,CAN9B,eAAgB,CAGhB,iBAIF,CAEA,QAGE,QAAS,CADT,cAAe,CADf,uBAAgB,CAAhB,eAGF,CAEA,gBACE,wBAAyB,CAIzB,WAAY,CADZ,kBAAmB,CAEnB,eAAgB,CAJhB,WAAY,CACZ,iBAIF,CAEA,KAKE,mBAAe,CAAf,cAAe,CAJf,YAAa,CACb,6BAA8B,CAC9B,WAGF,CAEA,WAJE,iBAUF,CANA,MACE,wBAAyB,CAEzB,WAAY,CACZ,kBAAmB,CAFnB,YAIF,CAEA,cAIE,WAAY,CACZ,aAAc,CAHd,QAAS,CADT,iBAAkB,CAElB,yBAGF,CAEA,WACE,kBAAmB,CACnB,iBACF,CAGA,+CACE,eAIE,kBAAmB,CAFnB,YAAa,CACb,sBAAuB,CAEvB,eAAgB,CAJhB,UAKF,CAEA,aAME,qBAAyB,CACzB,kBAAmB,CAEnB,YAAa,CACb,qBAAsB,CANtB,WAAY,CAOZ,6BAA8B,CAT9B,gBAAiB,CADjB,aAAc,CAId,eAAgB,CAGhB,iBAAiB,CALjB,UASF,CAEA,YACE,aAAc,CAEd,WAAY,CACZ,OAAQ,CACR,QAAQ,CAHR,WAIF,CAEA,kBACE,UACF,CAgBA,sBAbE,QAiBF,CAJA,QAEE,cAAe,CADf,uBAAgB,CAAhB,eAGF,CACF","sources":["App.css"],"sourcesContent":["* {\npadding: 0;\nmargin: 0;\nfont-family: \"Karla\", sans-serif;\nuser-select: none;\n}\n\n*::-webkit-scrollbar { \n display: none; /* Safari and Chrome */\n}\n\n.center {\n display: flex;\n margin-left: auto;\n margin-right: auto;\n justify-content: center;\n align-items: center;\n}\n\nimg{\n object-fit: cover;\n border-radius: 16px;\n display: block;\n}\n\n.main-image{\n width: 380px;\n height: 550px;\n display: block;\n min-width: 90%;\n left: 5%;\n right: 5%;\n}\n\n.restaurant-image{\n width: 380px;\n height: 150px;\n}\n\n.container{\n padding: 15px;\n position: relative;\n}\n\n.card{\n position: absolute;\n}\n\n.control-icon{\n color: #FDD264;\n}\n\n.float-text{\n position: absolute;\n transform: translate(0px,0px);\n bottom: 0;\n /* left: 9%; */\n background-color: rgba(0, 0, 0, 0.5); /* Optional: Background color with transparency */\n color: white; \n padding: 10px;\n border-radius: 16px;\n}\n\n.inline{\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n\n/* .grid{\n display: grid; \n grid-template-columns: 1fr 1fr; \n grid-gap: 50px; \n} */\n\n.control-icon{\n justify-content: center;\n display: grid;\n}\n\n.dish-control{\n display: flex;\n position: absolute;\n bottom: 20px;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n gap: 50px;\n width: fit-content;\n left: 50%;\n transform: translateX(-50%);\n}\n\n.card-stack{\n min-height: 50%;\n width: 100vw;\n position: relative;\n\n}\n/* Image slider */\n\n.slider-container {\n display: flex;\n width: 100%;\n overflow: auto;\n}\n.slider-image {\n background-color: #fff;\n width: 120px;\n margin: 10px;\n}\n\na{\n text-decoration: none;\n}\n\n.content-holder{\n padding-bottom:60px;\n flex-grow: 1;\n}\n\n.desktop-background{\n display: flex;\n justify-content: center;\n width: 100vw;\n min-height: 100vh;\n overflow: hidden;\n background: #EDEFEE;\n}\n\n.app-container{\n max-width: 414px;\n max-height: 896px;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n}\n\n.app-content{\n max-width: 414px;\n max-height: 896px;\n width: 100%;\n height: 100%;\n overflow-y: auto;\n background-color: #FFFFFF;\n border-radius: 16px;\n position:relative;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n\n.navbar{\n position: sticky;\n max-width: 100%;\n bottom: 0;\n}\n\n.primary-button{\n background-color: #F4CE14;\n margin: 20px;\n padding: 10px 20px;\n border-radius: 16px;\n border: none;\n font-weight: 700;\n}\n\n.row{\n display: grid;\n grid-template-columns: 3fr 7fr;\n padding: 5px;\n text-align: center;\n column-gap: 5px;\n}\n\ninput{\n background-color: #EDEFEE;\n padding: 10px;\n border: none;\n border-radius: 16px;\n text-align: center;\n}\n\n.contact-info{\n position: absolute;\n left: 50%; \n transform: translate(-50%, 0%);\n bottom: 20px;\n color: #495E57;\n}\n\n.mail-list{\n align-items: center;\n text-align: center;\n}\n\n/* If smaller than XR */\n@media (max-height: 895px) or (max-width: 413px) {\n .app-container{\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n }\n \n .app-content{\n min-width: 95%;\n max-height: 100vh;\n width: 100%;\n height: 100%;\n overflow-y: auto;\n background-color: #FFFFFF;\n border-radius: 16px;\n position:relative;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n }\n\n .main-image{\n display: block;\n width: 345px;\n height: 55vh;\n left: 5%;\n right: 5%\n }\n \n .restaurant-image{\n width: 100%;\n }\n\n .dish-control{\n bottom: 0px;\n /* display: flex;\n position: absolute;\n bottom: 20px;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n gap: 50px;\n width: fit-content;\n left: 50%;\n transform: translateX(-50%); */\n }\n\n .navbar{\n position: sticky;\n max-width: 100%;\n bottom: 0;\n }\n}"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/build/static/css/main.c9d85431.css.map b/build/static/css/main.c9d85431.css.map deleted file mode 100644 index 2633511..0000000 --- a/build/static/css/main.c9d85431.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"static/css/main.c9d85431.css","mappings":"AAAA,EAGA,4BAAgC,CADhC,QAAS,CADT,SAAU,CAGV,wBAAiB,CAAjB,gBACA,CAEA,oBACE,YACF,CAEA,QAKE,kBAAmB,CAJnB,YAAa,CAGb,sBAAuB,CAFvB,gBAAiB,CACjB,iBAGF,CAEA,IAEE,kBAAmB,CACnB,aAAc,CAFd,gBAGF,CAEA,YAGE,aAAc,CADd,YAAa,CAGb,OAAQ,CADR,aAAc,CAEd,QAAQ,CALR,WAMF,CAEA,kBAEE,YAAa,CADb,WAEF,CAEA,WACE,YAAa,CACb,iBACF,CAEA,MACE,iBACF,CAEA,cACE,aACF,CAEA,YAKE,0BAAoC,CAGpC,kBAAmB,CALnB,QAAS,CAGT,UAAY,CACZ,YAAa,CANb,iBAAkB,CAClB,sBAOF,CAEA,QAGE,kBAAmB,CAFnB,YAAa,CACb,kBAEF,CAQA,cAEE,YAAa,CADb,sBAEF,CAEA,cAME,kBAAmB,CAHnB,WAAY,CAFZ,YAAa,CAGb,kBAAmB,CAGnB,QAAS,CAFT,sBAAuB,CAIvB,QAAS,CAPT,iBAAkB,CAQlB,0BAA2B,CAF3B,yBAAkB,CAAlB,sBAAkB,CAAlB,iBAGF,CAEA,YACE,cAAe,CAEf,iBAAkB,CADlB,WAGF,CAGA,kBACE,YAAa,CAEb,aAAc,CADd,UAEF,CACA,cACE,qBAAsB,CAEtB,WAAY,CADZ,WAEF,CAEA,EACE,oBACF,CAEA,gBAEE,WAAY,CADZ,mBAEF,CAEA,oBAME,kBAAmB,CALnB,YAAa,CACb,sBAAuB,CAEvB,gBAAiB,CACjB,eAAgB,CAFhB,WAIF,CAEA,eAME,kBAAmB,CADnB,sBAAuB,CAEvB,eACF,CAEA,4BANE,YAAa,CAFb,gBAAiB,CADjB,eAAgB,CAEhB,UAmBF,CAZA,aAME,qBAAyB,CACzB,kBAAmB,CAGnB,qBAAsB,CANtB,WAAY,CAOZ,6BAA8B,CAN9B,eAAgB,CAGhB,iBAIF,CAEA,QAGE,QAAS,CADT,cAAe,CADf,uBAAgB,CAAhB,eAGF,CAEA,gBACE,wBAAyB,CAIzB,WAAY,CADZ,kBAAmB,CAEnB,eAAgB,CAJhB,WAAY,CACZ,iBAIF,CAEA,KAKE,mBAAe,CAAf,cAAe,CAJf,YAAa,CACb,6BAA8B,CAC9B,WAGF,CAEA,WAJE,iBAUF,CANA,MACE,wBAAyB,CAEzB,WAAY,CACZ,kBAAmB,CAFnB,YAIF,CAEA,cAIE,WAAY,CACZ,aAAc,CAHd,QAAS,CADT,iBAAkB,CAElB,yBAGF,CAEA,WACE,kBAAmB,CACnB,iBACF,CAGA,+CACE,eAIE,kBAAmB,CAFnB,YAAa,CACb,sBAAuB,CAEvB,eAAgB,CAJhB,UAKF,CAEA,aAME,qBAAyB,CACzB,kBAAmB,CAEnB,YAAa,CACb,qBAAsB,CANtB,WAAY,CAOZ,6BAA8B,CAT9B,gBAAiB,CADjB,aAAc,CAId,eAAgB,CAGhB,iBAAiB,CALjB,UASF,CAEA,YACE,aAAc,CAEd,WAAY,CACZ,OAAQ,CAFR,aAAc,CAGd,QACF,CAEA,kBACE,UACF,CAEA,cACE,WAWF,CAEA,QAGE,QAAS,CADT,cAAe,CADf,uBAAgB,CAAhB,eAGF,CACF","sources":["App.css"],"sourcesContent":["* {\npadding: 0;\nmargin: 0;\nfont-family: \"Karla\", sans-serif;\nuser-select: none;\n}\n\n*::-webkit-scrollbar { \n display: none; /* Safari and Chrome */\n}\n\n.center {\n display: flex;\n margin-left: auto;\n margin-right: auto;\n justify-content: center;\n align-items: center;\n}\n\nimg{\n object-fit: cover;\n border-radius: 16px;\n display: block;\n}\n\n.main-image{\n width: 380px;\n height: 550px;\n display: block;\n min-width: 90%;\n left: 5%;\n right: 5%\n}\n\n.restaurant-image{\n width: 380px;\n height: 150px;\n}\n\n.container{\n padding: 15px;\n position: relative;\n}\n\n.card{\n position: absolute;\n}\n\n.control-icon{\n color: #FDD264;\n}\n\n.float-text{\n position: absolute;\n transform: translate(0px,0px);\n bottom: 0;\n /* left: 9%; */\n background-color: rgba(0, 0, 0, 0.5); /* Optional: Background color with transparency */\n color: white; \n padding: 10px;\n border-radius: 16px;\n}\n\n.inline{\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n\n/* .grid{\n display: grid; \n grid-template-columns: 1fr 1fr; \n grid-gap: 50px; \n} */\n\n.control-icon{\n justify-content: center;\n display: grid;\n}\n\n.dish-control{\n display: flex;\n position: absolute;\n bottom: 20px;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n gap: 50px;\n width: fit-content;\n left: 50%;\n transform: translateX(-50%);\n}\n\n.card-stack{\n min-height: 50%;\n width: 100vw;\n position: relative;\n\n}\n/* Image slider */\n\n.slider-container {\n display: flex;\n width: 100%;\n overflow: auto;\n}\n.slider-image {\n background-color: #fff;\n width: 120px;\n margin: 10px;\n}\n\na{\n text-decoration: none;\n}\n\n.content-holder{\n padding-bottom:60px;\n flex-grow: 1;\n}\n\n.desktop-background{\n display: flex;\n justify-content: center;\n width: 100vw;\n min-height: 100vh;\n overflow: hidden;\n background: #EDEFEE;\n}\n\n.app-container{\n max-width: 414px;\n max-height: 896px;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n}\n\n.app-content{\n max-width: 414px;\n max-height: 896px;\n width: 100%;\n height: 100%;\n overflow-y: auto;\n background-color: #FFFFFF;\n border-radius: 16px;\n position:relative;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n\n.navbar{\n position: sticky;\n max-width: 100%;\n bottom: 0;\n}\n\n.primary-button{\n background-color: #F4CE14;\n margin: 20px;\n padding: 10px 20px;\n border-radius: 16px;\n border: none;\n font-weight: 700;\n}\n\n.row{\n display: grid;\n grid-template-columns: 3fr 7fr;\n padding: 5px;\n text-align: center;\n column-gap: 5px;\n}\n\ninput{\n background-color: #EDEFEE;\n padding: 10px;\n border: none;\n border-radius: 16px;\n text-align: center;\n}\n\n.contact-info{\n position: absolute;\n left: 50%; \n transform: translate(-50%, 0%);\n bottom: 20px;\n color: #495E57;\n}\n\n.mail-list{\n align-items: center;\n text-align: center;\n}\n\n/* If smaller than XR */\n@media (max-height: 895px) or (max-width: 413px) {\n .app-container{\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n }\n \n .app-content{\n min-width: 95%;\n max-height: 100vh;\n width: 100%;\n height: 100%;\n overflow-y: auto;\n background-color: #FFFFFF;\n border-radius: 16px;\n position:relative;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n }\n\n .main-image{\n display: block;\n min-width: 90%;\n height: 60vh;\n left: 5%;\n right: 5%\n }\n \n .restaurant-image{\n width: 100%;\n }\n\n .dish-control{\n bottom: 10px;\n /* display: flex;\n position: absolute;\n bottom: 20px;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n gap: 50px;\n width: fit-content;\n left: 50%;\n transform: translateX(-50%); */\n }\n\n .navbar{\n position: sticky;\n max-width: 100%;\n bottom: 0;\n }\n}"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/src/App.css b/src/App.css index c269fbf..6f31b3b 100644 --- a/src/App.css +++ b/src/App.css @@ -29,7 +29,7 @@ img{ display: block; min-width: 90%; left: 5%; - right: 5% + right: 5%; } .restaurant-image{ @@ -222,8 +222,8 @@ input{ .main-image{ display: block; - min-width: 90%; - height: 60vh; + width: 345px; + height: 55vh; left: 5%; right: 5% } @@ -233,7 +233,7 @@ input{ } .dish-control{ - bottom: 10px; + bottom: 0px; /* display: flex; position: absolute; bottom: 20px;