fix: viewport for mobile devices, resizing of bierliste image for mobile view

This commit is contained in:
Bernhard Stampfer
2016-05-07 19:53:27 +02:00
parent 2f4ddc84a5
commit fba306db5a
2 changed files with 4 additions and 1 deletions

View File

@@ -4,6 +4,8 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=500">
<!--<meta name="viewport" content="width=device-width, initial-scale=1.0">-->
<link rel="stylesheet" type="text/css" href="/static/style.css"> <link rel="stylesheet" type="text/css" href="/static/style.css">
{% if title %} {% if title %}
<title> {{ title }} - Baroness </title> <title> {{ title }} - Baroness </title>
@@ -17,6 +19,7 @@
<div class="tops"> <div class="tops">
<h1> {{ title }} - Baroness</h1> <h1> {{ title }} - Baroness</h1>
<a href="/index"><div class="item">Home</div></a> <a href="/index"><div class="item">Home</div></a>
<a href="/fridges"><div class="item">Kühlschränke</div></a>
{% if user %} {% if user %}
<a href="/logout"><div class="item" style="float:right;">Logout</div></a> <a href="/logout"><div class="item" style="float:right;">Logout</div></a>
<a href="/consume"><div class="item">Konsumieren</div></a> <a href="/consume"><div class="item">Konsumieren</div></a>

View File

@@ -2,7 +2,7 @@
{% set title = "Bierliste" %} {% set title = "Bierliste" %}
{% block content %} {% block content %}
<h1> Bierliste </h1> <h1> Bierliste </h1>
<img src="{{ url_for('static', filename='bierliste_small.png') }}"> <img src="{{ url_for('static', filename='bierliste_small.png') }}" style="width:100%;max-width:990px;">
<!-- <table> <!-- <table>
<tr> <tr>
<th>ID</th> <th>ID</th>