Repos/new-moon-dessert-bar
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

fixed shopping navbar in mobile

Browse Source
This commit is contained in:
CodeServer 2021-08-04 01:30:50 +01:00
parent 9a8cd9b3fc
commit 798b9e6c2b
8 changed files with 76 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
shopping/cart.php
View File

@ -37,14 +37,20 @@
<div class="row">
<div class="col-sm-12" id="shopping_cartTitle">
<h1>Total</h1> <h1>CA$111</h1>
<?php
$totalprice = 0;
foreach ($_SESSION['mycar'] as $product):
$totalprice += $product['buy_price'];
endforeach;
?>
<h1>Total</h1> <h1>CA$<?php echo $totalprice?></h1>
</div>
</div>
<div class="row">
<div class="col-sm-12" id="shopping_cart">
<form action="cart.php" method="get">
<form action="checkout.php" method="get">
<table class="cartTable">
<thead>
<!-- <tr style="margin:auto; border: 2px solid black;">

47
shopping/checkout.php
View File

@ -0,0 +1,47 @@
<!doctype html>
<html lang="en">
<?php
require_once '../php/connection.php';
require_once '../php/functions.php';
$conn = connectMysql();
require_once '../php/logged_in_header.php';
$resultData = query_getUserInfo($conn, $_SESSION['username']);
$row = $resultData->fetch_assoc();
?>
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="../bootstrap-5.0.1-dist/css/bootstrap-grid.min.css" rel="stylesheet">
<link href="../bootstrap-5.0.1-dist/css/bootstrap.min.css" rel="stylesheet">
<!--=== Main Style CSS ===-->
<link href="../style/style.css" rel="stylesheet">
<!-- Font Awesome styles CDN Link -->
<link
href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
rel="stylesheet"
integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN"
crossorigin="anonymous"
/>
<title>New Moon Dessert Bar</title>
</head>
<body>
<div class="container-fluid">
<div class="sectionShopping">
<?php include 'shopping_headerNav.php' ?>
<h1>Checkout</h1>
</div>
</div>
<?php include '../footer.php' ?>
</body>
</html>

2
shopping/shopping_headerNav.php
View File

@ -9,7 +9,7 @@
<ul class="dropdown-menu" aria-labelledby="span-shopping-username">
<li><a class="dropdown-item" href="shopping.php">Shopping</a></li>
<li><a class="dropdown-item" href="cart.php">My Cart</a></li>
<li><a class="dropdown-item" href="userInfo.php">My billing address</a></li>
<li><a class="dropdown-item" href="userInfo.php">My Shipping Address</a></li>
</ul>
</div>
<form action="../php/logout.php" method="post">

2
shopping/userInfo.php
View File

@ -40,7 +40,7 @@
<div class="row">
<div class="col-sm-12" id="">
<h1>My billing address</h1>
<h1>My Shipping Address</h1>
<form class="row g-3" action="../php/saveUserInfo.php" method="post">
<div class="col-md-6">
<label for="inputEmail4" class="form-label">Email</label>

5
style/modules/shopping/_navbar_shopping.sass
View File

@ -42,3 +42,8 @@
#span-shopping-username:before
font-family: 'FontAwesome'
content: '\f2be'
@media (max-width:748px)
.shopping_headerNav
div.row
padding: 0

2
style/modules/shopping/_sectionShopping.sass
View File

@ -1,5 +1,7 @@
.sectionShopping
div.customerInformation
text-align: center
background-color: $index-background-color
.row
padding-left: 20%

10
style/style.css
View File

@ -388,6 +388,10 @@ video {
background-color: #edeae8;
}
.sectionShopping div.customerInformation {
text-align: center;
}
.sectionShopping .row {
padding-left: 20%;
padding-right: 20%;
@ -486,6 +490,12 @@ video {
content: '\f2be';
}
@media (max-width: 748px) {
.shopping_headerNav div.row {
padding: 0;
}
}
.sectionShopping #shopping_cartTitle, .sectionShopping .cartTable {
width: 100%;
height: 100%;

2
style/style.css.map
View File

File diff suppressed because one or more lines are too long