Skip to content

Commit

Permalink
responsive to mobile
Browse files Browse the repository at this point in the history
  • Loading branch information
mulundapm committed Jul 7, 2024
1 parent b09d442 commit 2d63a0a
Show file tree
Hide file tree
Showing 12 changed files with 60 additions and 15 deletions.
12 changes: 6 additions & 6 deletions build/asset-manifest.json
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
{
"files": {
"main.css": "/static/css/main.0e9ee88b.css",
"main.js": "/static/js/main.3393cde9.js",
"main.css": "/static/css/main.d6d9502f.css",
"main.js": "/static/js/main.14fc4de8.js",
"static/js/453.4baca2de.chunk.js": "/static/js/453.4baca2de.chunk.js",
"static/media/cropped-restaurant.jpeg": "/static/media/cropped-restaurant.425162b7026395d0f85e.jpeg",
"static/media/Zaatar Spiced Chicken.jpg": "/static/media/Zaatar Spiced Chicken.e574be06841dbbccbd2d.jpg",
Expand Down Expand Up @@ -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.0e9ee88b.css.map": "/static/css/main.0e9ee88b.css.map",
"main.3393cde9.js.map": "/static/js/main.3393cde9.js.map",
"main.d6d9502f.css.map": "/static/css/main.d6d9502f.css.map",
"main.14fc4de8.js.map": "/static/js/main.14fc4de8.js.map",
"453.4baca2de.chunk.js.map": "/static/js/453.4baca2de.chunk.js.map"
},
"entrypoints": [
"static/css/main.0e9ee88b.css",
"static/js/main.3393cde9.js"
"static/css/main.d6d9502f.css",
"static/js/main.14fc4de8.js"
]
}
2 changes: 1 addition & 1 deletion build/index.html
Original file line number Diff line number Diff line change
@@ -1 +1 @@
<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Web site created using create-react-app"/><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet"><link rel="apple-touch-icon" href="/logo192.png"/><link rel="manifest" href="/manifest.json"/><title>Swipact</title><script defer="defer" src="/static/js/main.3393cde9.js"></script><link href="/static/css/main.0e9ee88b.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Web site created using create-react-app"/><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet"><link rel="apple-touch-icon" href="/logo192.png"/><link rel="manifest" href="/manifest.json"/><title>Swipact</title><script defer="defer" src="/static/js/main.14fc4de8.js"></script><link href="/static/css/main.d6d9502f.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
1 change: 0 additions & 1 deletion build/static/css/main.0e9ee88b.css.map

This file was deleted.

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions build/static/css/main.d6d9502f.css.map

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

3 changes: 3 additions & 0 deletions build/static/js/main.14fc4de8.js

Large diffs are not rendered by default.

1 change: 1 addition & 0 deletions build/static/js/main.14fc4de8.js.map

Large diffs are not rendered by default.

3 changes: 0 additions & 3 deletions build/static/js/main.3393cde9.js

This file was deleted.

1 change: 0 additions & 1 deletion build/static/js/main.3393cde9.js.map

This file was deleted.

45 changes: 45 additions & 0 deletions src/App.css
Original file line number Diff line number Diff line change
Expand Up @@ -176,4 +176,49 @@ input{
.mail-list{
align-items: center;
text-align: center;
}

/* If smaller than XR */
@media (max-height: 895px) {
.app-container{
width: 100%;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}

.app-content{
width: 100%;
height: 100%;
overflow-y: auto;
background-color: #FFFFFF;
border-radius: 16px;
position:relative;
display: flex;
flex-direction: column;
justify-content: space-between;
}

.main-image{
display: block;
width: 90vw;
height: 350px;
left: 5%;
right: 5%
}

.restaurant-image{
width: 100%;
}

.dish-control{
top:350px
}

.navbar{
position: fixed;
width: 100vw;
bottom: 0;
}
}
2 changes: 1 addition & 1 deletion src/Components/NavBar.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ function NavBar() {

return (
<div className='navbar'>
<Paper sx={{ minWidth: '414px'}} elevation={3} >
<Paper elevation={3} >
<BottomNavigation>
{/* showLabelsç
value={value}
Expand Down

0 comments on commit 2d63a0a

Please sign in to comment.