Add bulma-prefers-dark, improve style

pull/1/head
Luca 3 years ago
parent 171cf5bf1f
commit 2a20e6249b

File diff suppressed because one or more lines are too long

@ -27,7 +27,7 @@
<div class="container"> <div class="container">
{% include 'notifications.html' %} {% include 'notifications.html' %}
{% if helper %} {% if helper %}
<h1 class="title">Hallo {{ helper.name }}!</h1> <h1 class="title is-1">Hallo {{ helper.name }}!</h1>
{% endif %} {% endif %}
{% block content %}{% endblock %} {% block content %}{% endblock %}
</div> </div>

@ -1,7 +1,15 @@
<li class="box">{{ shift.room.name }} {{ shift.start_at }} <div class="column is-one-quarter">
{% if registered %} <div class="box">
<a class="button is-info is-small" href="{% url 'shift' shift.id %}">Details</a> <div class="content">
{% else %} <strong>Ort:</strong> {{ shift.room.name }}<br>
<a class="button is-primary is-small" href="{% url 'shift' shift.id %}">Mithelfen</a> <strong>Beginn:</strong> {{ shift.start_at }}
{% endif %} </div>
</li> <div class="is-flex is-justify-content-end">
{% if registered %}
<a class="button is-info is-small" href="{% url 'shift' shift.id %}">Details</a>
{% else %}
<a class="button is-primary is-small" href="{% url 'shift' shift.id %}">Mithelfen</a>
{% endif %}
</div>
</div>
</div>

@ -3,26 +3,30 @@
{% block title %}Freie Schichten{% endblock %} {% block title %}Freie Schichten{% endblock %}
{% block content %} {% block content %}
{% if current_shift %} {% if current_shift %}
<h2>Aktuelle Schicht</h2> <h3 class="title">Aktuelle Schicht</h3>
{{ current_shift.room.name }} {{ current_shift.start_at }}<a href="{% url 'shift' current_shift.id %}">Details</a> <div class="columns">
{% include "partials/shift_listitem.html" with shift=current_shift registered=True %}
</div>
{% endif %} {% endif %}
{% if my_shifts %} {% if my_shifts %}
<h3 class="title is-3">Meine Schichten:</h3> <h3 class="title">Meine Schichten</h3>
<ul> <div class="columns is-multiline">
{% for shift in my_shifts %} {% for shift in my_shifts %}
{% include "partials/shift_listitem.html" with registered=True%} {% include "partials/shift_listitem.html" with registered=True %}
{% endfor %} {% endfor %}
</ul> </div>
{% endif %} {% endif %}
<hr/> <hr/>
{% if free_shifts %} {% if free_shifts %}
<h3 class="title is-3">Freie Schichten:</h3> <h3 class="title">Freie Schichten</h3>
<ul> <div class="columns is-multiline">
{% for shift in free_shifts %} {% for shift in free_shifts %}
{% include "partials/shift_listitem.html"%} {% include "partials/shift_listitem.html" %}
{% endfor %} {% endfor %}
</ul> </div>
{% else %} {% else %}
Alle Schichten sind voll. Schau später noch mal vorbei. <div class="notification">
Alle Schichten sind voll. Schau später noch mal vorbei.
</div>
{% endif %} {% endif %}
{% endblock %} {% endblock %}

@ -7,6 +7,7 @@
<title>{% block title %}Help!{% endblock %}</title> <title>{% block title %}Help!{% endblock %}</title>
<link rel="icon" href="data:;base64,iVBORw0KGgo="> <link rel="icon" href="data:;base64,iVBORw0KGgo=">
<link rel="stylesheet" href="{% static 'bulma.min.css' %}"> <link rel="stylesheet" href="{% static 'bulma.min.css' %}">
<link rel="stylesheet" href="{% static 'bulma-prefers-dark.min.css' %}">
</head> </head>
<body> <body>
<nav class="navbar"> <nav class="navbar">

Loading…
Cancel
Save