Skip to content

G
GrabGrub
Commit b3b95b03 authored by Jansen Lao's avatar Jansen Lao
Browse files
Options

design

parent dbe5d5cf
Hide whitespace changes
Inline Side-by-side
Showing with 32 additions and 10 deletions
GrabGrub/Kiosk/templates/Kiosk/add_food.html
View file @ b3b95b03
...@@ -6,10 +6,10 @@ ...@@ -6,10 +6,10 @@
<div class="card-header"> <div class="card-header">
Enter Food Details: Enter Food Details:
</div> </div>
<form method="POST" action="{% url 'add_food' %}">{% csrf_token %} <form method="POST" action="{% url 'add_food' %}" style="padding-left: 10">{% csrf_token %}
<div class="form-group"> <div class="form-group">
<label for="name"> Food Name: </label> <label for="name" > Food Name: </label>
<input type="text" class="form-control" id="food_name" name="food_name" required> <input type="text" class="form-control" id="food_name" name="food_name" required>
</div> </div>
...@@ -24,12 +24,11 @@ ...@@ -24,12 +24,11 @@
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="name"> Date Created: </label> <label for="name" > Date Created: </label>
<input type="date" class="form-control" id="date" name="date" required> <input type="date" class="form-control" id="date" name="date" required>
</div> </div>
<a href="{% url 'add_food' %}"><button type="submit" class="mt-3 btn btn-primary" >Add Food</button></a>
<a href="{% url 'add_food' %}"><button type="submit" class="mt-3 btn btn-primary">Add Food</button></a>
</form> </form>
</div> </div>
......
GrabGrub/Kiosk/templates/Kiosk/add_order.html
View file @ b3b95b03
...@@ -6,11 +6,11 @@ ...@@ -6,11 +6,11 @@
<div class="card-header"> <div class="card-header">
Enter Order Details: Enter Order Details:
</div> </div>
<form method="POST" action="{% url 'add_order' %}">{% csrf_token %} <form method="POST" action="{% url 'add_order' %}" style="padding-left: 10">{% csrf_token %}
<br>
<div class="form-group"> <div class="form-group">
<label for="name"> Food: </label> <label for="name"> Food: </label>
<select name="food" class="form-select" style="max-width: 200px; margin-right: 75px;" required> <select name="food" class="form-select" required>
{% for food in foods %} {% for food in foods %}
<option value="{{food.id}}">{{food.name}}</option> <option value="{{food.id}}">{{food.name}}</option>
{% endfor %} {% endfor %}
...@@ -29,7 +29,7 @@ ...@@ -29,7 +29,7 @@
<div class="form-group"> <div class="form-group">
<label for="name"> Customer: </label> <label for="name"> Customer: </label>
<select name="customer" class="form-select" style="max-width: 200px; margin-right: 75px;" required> <select name="customer" class="form-select" required>
{% for customer in customers %} {% for customer in customers %}
<option value="{{customer.id}}">{{customer.name}}</option> <option value="{{customer.id}}">{{customer.name}}</option>
{% endfor %} {% endfor %}
...@@ -38,7 +38,7 @@ ...@@ -38,7 +38,7 @@
<div class="form-group"> <div class="form-group">
<label for="name"> Mode of Payment: </label> <label for="name"> Mode of Payment: </label>
<select name="payment_mode" class="form-select" style="max-width: 200px; margin-right: 75px;" required> <select name="payment_mode" class="form-select" required>
<option value="Cash">Cash</option> <option value="Cash">Cash</option>
<option value="Card">Card</option> <option value="Card">Card</option>
</select> </select>
......
GrabGrub/Kiosk/templates/Kiosk/base.html
View file @ b3b95b03
...@@ -12,6 +12,29 @@ ...@@ -12,6 +12,29 @@
<script src="{% static '/bootstrap/js/bootstrap.min.js' %}"></script> <script src="{% static '/bootstrap/js/bootstrap.min.js' %}"></script>
</head> </head>
<style>
.card-header {
background-color: rgb(0, 238, 255);
color:black;
}
.card {
max-width:100%;
}
select {
background-color: rgb(206, 206, 253);
max-width: 200px;
margin-right: 75px;
font-weight: 700;
border-radius: .5em;
border: 1px solid #aaa;
}
input {
max-width: 75%;
}
a:hover {
color:pink;
}
</style>
<body> <body>
<nav class="navbar navbar-expand-lg navbar-light bg-light mb-3 sticky-top"> <nav class="navbar navbar-expand-lg navbar-light bg-light mb-3 sticky-top">
<a class="navbar-brand mb-0" href="/">GrabGrub</a> <a class="navbar-brand mb-0" href="/">GrabGrub</a>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment