mirror of https://github.com/logos-co/open-law.git
fix tops
This commit is contained in:
Kostiantyn Stoliarskyi
parent
5b9c2a1911
commit
4f9a207dd9
File diff suppressed because one or more lines are too long
|
|
@ -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' %}
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
|
|
@ -92,51 +92,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 %}
|
||||
|
|
|
|||
Loading…
Reference in New Issue