Merge branch 'develop' into svyat/feat/mobile_adaptation

This commit is contained in:
SvyatoslavArtymovych 2023-06-21 12:52:51 +03:00
commit 7ffe13fec6
3 changed files with 35 additions and 37 deletions

File diff suppressed because one or more lines are too long

View File

@ -1,5 +1,5 @@
<!-- prettier-ignore -->
<nav class="fixed flex top-32 p-4 pl-1 mt-1.5 z-40 w-full bg-white border-b border-gray-200 dark:bg-gray-800 dark:border-gray-700" aria-label="Breadcrumb">
<nav class="fixed flex top-14 md:top-32 p-4 pl-1 mt-1.5 z-40 w-full bg-white border-b border-gray-200 dark:bg-gray-800 dark:border-gray-700" aria-label="Breadcrumb">
<ol class="inline-flex items-center space-x-1 md:space-x-3 ml-5 overflow-x-scroll md:overflow-auto p-0">
{% for breadcrumb in breadcrumbs %}
{% if breadcrumb.type != 'Splitter' %}

View File

@ -17,7 +17,7 @@
{% include 'book/breadcrumbs_navigation.html'%}
<div class="overflow-x-auto shadow-md sm:rounded-lg">
<!-- prettier-ignore -->
<div class="fixed z-30 w-full top-44 pt-6 bg-white border-b border-gray-200 dark:bg-gray-800 dark:border-gray-700">
<div class="fixed z-30 w-full top-28 md:top-44 pt-6 bg-white border-b border-gray-200 dark:bg-gray-800 dark:border-gray-700">
<!-- prettier-ignore -->
<h1 class="text-l font-extrabold dark:text-white ml-4">{{section.label}}</h1>
<!-- prettier-ignore -->
@ -32,9 +32,9 @@
</ul>
</div>
</div>
<div id="myTabContent" class="mt-40">
<!-- prettier-ignore -->
<div class="hidden p-4 rounded-lg bg-gray-50 dark:bg-gray-800" id="interpretation" role="tabpanel" aria-labelledby="interpretation-tab">
<div id="myTabContent" class="mt-40">
<!-- prettier-ignore -->
<div class="hidden p-4 rounded-lg bg-gray-50 dark:bg-gray-800" id="interpretation" role="tabpanel" aria-labelledby="interpretation-tab">
{% if not current_user.is_authenticated %}
<div class="bg-white dark:bg-gray-900 max-w-full p-6 text-gray-900 divide-y divide-gray-200 dark:text-white dark:divide-gray-700 m-3 border-2 border-gray-200 border-solid rounded-lg dark:border-gray-700">
<div class="grid gap-6">
@ -94,51 +94,49 @@
</span>
</dl>
</div>
</div>
</div>
<div class="flex p-10 justify-between">
<!-- prettier-ignore -->
{% set previous_section = section.previous_section %}
{% if previous_section %}
<a
href="{{url_for('book.interpretation_view', book_id=book.id, section_id=previous_section.id)}}"
type="button"
class="w-1/5 text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center inline-flex items-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"
>
<!-- prettier-ignore -->
<svg aria-hidden="true" class="w-5 h-5 mr-2 -ml-1 rotate-180" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd"></path> </svg>
<div class="truncate flex flex-col ml-3 w-full">
<p class="p-3 text-right truncate">{{ book.label }}</p>
<p class="p-3 text-right truncate">{{ previous_section.label }}</p>
</div>
</a>
{% else %}
<div>
<a
href="{{url_for('book.interpretation_view', book_id=book.id, section_id=previous_section.id)}}"
type="button"
class="w-2/5 md:w-1/5 text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center inline-flex items-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
<!-- prettier-ignore -->
<svg aria-hidden="true" class="w-5 h-5 mr-2 -ml-1 rotate-180" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd"></path> </svg>
<div class="truncate flex flex-col ml-3 w-full">
<p class="hidden sm:inline p-3 text-right truncate">{{ book.label }}</p>
<p class="hidden sm:inline p-3 text-right truncate">
{{ previous_section.label }}
</p>
</div>
</a>
{% else %}
<div></div>
{% endif %}
<!-- prettier-ignore -->
{% set next_section = section.next_section %}
{% if next_section %}
<a
href="{{url_for('book.interpretation_view', book_id=book.id, section_id=next_section.id)}}"
type="button"
class="w-1/5 text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center inline-flex items-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"
>
<div class="truncate flex flex-col w-full">
<p class="p-3 text-left truncate">{{ book.label }}</p>
<p class="p-3 text-left truncate">{{ next_section.label }}</p>
</div>
<!-- prettier-ignore -->
<svg aria-hidden="true" class="w-5 h-5 ml-2 -mr-1" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd"></path> </svg>
</a>
<a
href="{{url_for('book.interpretation_view', book_id=book.id, section_id=next_section.id)}}"
type="button"
class="w-2/5 md:w-1/5 text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center inline-flex items-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
<div class="truncate flex flex-col w-full">
<p class="hidden sm:inline p-3 text-left truncate">{{ book.label }}</p>
<p class="hidden sm:inline p-3 text-left truncate">
{{ next_section.label }}
</p>
</div>
<!-- prettier-ignore -->
<svg aria-hidden="true" class="w-5 h-5 ml-2 -mr-1" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd"></path> </svg>
</a>
{% else %}
<div>
</div>
<div></div>
{% endif %}
</div>
</div>
<!-- prettier-ignore -->
{% endblock %}