Skip to content

C
CS123-Canteeneo
Commit 5e4018f1 authored by Willard's avatar Willard
Browse files
Options

Minor style and text changes

parent 6c93b87c
Show whitespace changes
Inline Side-by-side
Showing with 15 additions and 17 deletions
canteeneo/static/style.css
View file @ 5e4018f1
@font-face { @import url('https://fonts.googleapis.com/css?family=Raleway:400,700');
font-family: 'Raleway';
src: url('Raleway-Regular.ttf');
}
body { body {
margin: 0; margin: 0;
...@@ -16,8 +13,8 @@ body { ...@@ -16,8 +13,8 @@ body {
} }
button { button {
background-color: #3333FF; background-color: #5555FF;
border: 2px solid #3333DD; border: 1px solid #5555DD;
color: #FFFFFF; color: #FFFFFF;
outline: 0; outline: 0;
font-size: 32pt; font-size: 32pt;
...@@ -26,24 +23,24 @@ button { ...@@ -26,24 +23,24 @@ button {
} }
button:hover { button:hover {
background-color: #3333DD; background-color: #5555DD;
} }
button:active { button:active {
background-color: #3333DD; background-color: #5555DD;
} }
.button-delete { .button-delete {
background-color: #FF3333; background-color: #FF5555;
border: 2px solid #DD3333; border: 2px solid #DD5555;
} }
.button-delete:hover { .button-delete:hover {
background-color: #DD3333; background-color: #DD5555;
} }
.button-delete:active { .button-delete:active {
background-color: #DD3333; background-color: #DD5555;
} }
.field-label { .field-label {
...@@ -145,7 +142,7 @@ button:active { ...@@ -145,7 +142,7 @@ button:active {
.list-item { .list-item {
display: flex; display: flex;
width: 40%; width: 48%;
margin: 10px; margin: 10px;
background-color: white; background-color: white;
} }
...@@ -164,6 +161,7 @@ button:active { ...@@ -164,6 +161,7 @@ button:active {
.list-name { .list-name {
font-size: 28pt; font-size: 28pt;
font-weight: 700;
} }
.list-button { .list-button {
......
canteeneo/templates/base.html
View file @ 5e4018f1
<!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
......
canteeneo/templates/stall.html
View file @ 5e4018f1
...@@ -4,20 +4,20 @@ ...@@ -4,20 +4,20 @@
<span style="font-size: 32pt; flex-grow: 2;"> <span style="font-size: 32pt; flex-grow: 2;">
{{stall.name}} {{stall.name}}
</span> </span>
<a href="{{ url_for('new_dish', stall_id=stall.id) }}"><button class="link-button" style="flex-grow: 1;">Add Food Item</button></a> <a href="{{ url_for('new_dish', stall_id=stall.id) }}"><button class="link-button" style="flex-grow: 1;">Add Dish</button></a>
<a href="{{ url_for('edit_stall', stall_id=stall.id) }}"><button class="link-button" style="flex-grow: 1;">Edit Info</button></a> <a href="{{ url_for('edit_stall', stall_id=stall.id) }}"><button class="link-button" style="flex-grow: 1;">Edit Info</button></a>
</div> </div>
<div class="dashboard-row"> <div class="dashboard-row">
<div class="list"> <div class="list">
{% if dishes|length > 0 %} {% for dish in dishes %} {% if dishes|length > 0 %} {% for dish in dishes %}
<div class="list-item"> <div class="list-item">
<div class "list-image"> <div class="list-image">
<img width="200px" height="200px" src="{{url_for('static', filename='uploads/'+dish.image_path)}}" alt=""> <img width="200px" height="200px" src="{{url_for('static', filename='uploads/'+dish.image_path)}}" alt="">
</div> </div>
<div class="list-info"> <div class="list-info">
<span class="list-name">{{dish.name}}</span> <span class="list-name">{{dish.name}}</span>
<span class="list-price">Php{{dish.price}}</span> <span class="list-price">Php{{dish.price}}</span>
<a href="{{ url_for('edit_dish', stall_id=stall.id, dish_id=dish.id) }}"><button class="list-button">Edit Dish</button></a> <a href="{{ url_for('edit_dish', stall_id=stall.id, dish_id=dish.id) }}"><button class="list-button">Edit</button></a>
</div> </div>
</div> </div>
{% endfor %} {% endif %} {% endfor %} {% endif %}
......
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