Minor update to allow more holy cross codes to show up based on screen size.

This commit is contained in:
Ada Werefox 2024-04-19 22:57:10 -05:00
parent 6c51d7c2fc
commit 4d91341c1f
2 changed files with 5 additions and 5 deletions

View File

@ -1,17 +1,17 @@
{% load static %}
{% if not is_entered %}
<ul class="p-2 flex flex-col rounded-xl {{ extra_classes }}">
<ul class="p-2 flex flex-col rounded-xl max-w-32 sm:max-w-48 xl:max-w-64 m-auto {{ extra_classes }}">
<div class="pl-2 text-base codes-list-item-title">{{ name }}</div>
<hr class="mb-2 border-2 border-holy-cross opacity-30 rounded-xl" />
<div class="min-x-full">
<div class="min-w-full">
{% if is_global %}
<span class="flex flex-shrink-0 object-contain mx-2 my-auto text-2xl text-justify break-all align-middle codes-list-item-code">
<span class="flex object-contain mx-2 my-auto text-2xl text-justify break-all align-middle codes-list-item-code">
{% with "tracker/images/cross_codes/"|add:"Global/"|add:name|add:".png" as code_image %}
<img src="{% static code_image %}" alt="{{ code }}" width="" height="" />
{% endwith %}
</span>
{% else %}
<span class="flex flex-shrink-0 object-contain mx-2 my-auto text-2xl text-justify break-all align-middle codes-list-item-code">
<span class="flex object-contain mx-2 my-auto text-2xl text-justify break-all align-middle codes-list-item-code">
{% with "tracker/images/cross_codes/"|add:current_scene|add:"/"|add:name|add:".png" as code_image %}
<img src="{% static code_image %}" alt="{{ code }}" width="" height="" />
{% endwith %}

View File

@ -3,7 +3,7 @@
<summary>Holy Cross Codes</summary>
<hr class="border-2 border-holy-cross opacity-30 rounded-xl" />
<div class="flex flex-col space-y-2 overflow-y-scroll rounded-md max-h-96 bg-gradient-to-br from-charcoal-translucent to-charcoal-translucent-light scrollbar-none">
<div class="grid grid-flow-row grid-cols-1 gap-2 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-7 rounded-xl"
<div class="flex flex-row flex-wrap rounded-xl {% comment %} class="grid grid-flow-row grid-cols-1 gap-2 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-7" {% endcomment %}"
id="codes-list">
{% include "tracker/codes/block.html" with is_entered=False name="it is a mystery" current_scene="mystery" code="" extra_classes="order-last hidden" %}
{% for name, code in default_codes.items %}