Better layout for spirit dispositions

master
Wynd 2025-01-31 15:40:23 +02:00
parent d06a629aff
commit 0c51132528
5 changed files with 46 additions and 37 deletions

View File

@ -1,6 +1,7 @@
<h2>Dispositions</h2> <h2>Dispositions</h2>
{% for route in board.get_dispositions() %} <div class="dispositions">
{% for route in board.get_dispositions() %}
<div class="route"> <div class="route">
<div> <div>
<div class="disposition {{+ route.color +}}"></div> <div class="disposition {{+ route.color +}}"></div>
@ -15,4 +16,5 @@
{% endfor %} {% endfor %}
</ul> </ul>
</div> </div>
{% endfor %} {% endfor %}
</div>

View File

@ -2,6 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<title>{% block title %}{% endblock %}</title> <title>{% block title %}{% endblock %}</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<style> <style>
body { body {
position: relative; position: relative;

View File

@ -1,6 +1,6 @@
{% extends "layouts/base.html" %} {% extends "layouts/base.html" %}
{% block title %}Commands{% endblock %} {% block title %}BBS - Command Melding{% endblock %}
{% block head %} {% block head %}
<style> <style>

View File

@ -1,6 +1,6 @@
{% extends "layouts/base.html" %} {% extends "layouts/base.html" %}
{% block title %}Abilities{% endblock %} {% block title %}DDD - Spirit Boards{% endblock %}
{% block head %} {% block head %}
<style> <style>
@ -36,9 +36,14 @@
} }
} }
.dispositions {
display: flex;
flex-wrap: wrap;
div.route { div.route {
display: flex; display: flex;
align-items: center; align-items: center;
width: 40%;
& div { & div {
display: flex; display: flex;
@ -66,6 +71,7 @@
} }
} }
} }
}
table.board { table.board {
width: inherit; width: inherit;

View File

@ -1,6 +1,6 @@
{% extends "layouts/base.html" %} {% extends "layouts/base.html" %}
{% block title %}Recipes{% endblock %} {% block title %}KH3 - Food Simulator{% endblock %}
{% block head %} {% block head %}
<style> <style>