Fixed breadcrumb bar height when download button is missing and aligned toggle and download buttons

This commit is contained in:
Chris Kankiewicz
2021-01-01 14:41:40 -07:00
parent 2050fd19d4
commit 2744f6f814
2 changed files with 4 additions and 4 deletions

View File

@@ -11,7 +11,7 @@
{% include 'components/search.twig' %}
</div>
<div class="flex items-center p-1">
<div class="flex items-center justify-center w-6">
{% include 'components/theme-toggle.twig' %}
</div>
</div>
@@ -22,8 +22,8 @@
{% include 'components/breadcrumbs.twig' %}
{% if path and files is not empty and config('zip_downloads') %}
<a href="{{ zip_url(path) }}" title="{{ translate('download') }}" class="inline-block text-white p-1 hover:text-gray-300">
<i class="fas fa-download"></i>
<a href="{{ zip_url(path) }}" title="{{ translate('download') }}" class="flex justify-center items-center text-sm text-white w-6 hover:text-gray-300">
<i class="fas fa-download fa-lg"></i>
</a>
{% endif %}
</div>

View File

@@ -1,4 +1,4 @@
<div class="flex flex-col justify-evenly items-center bg-gray-900 bg-opacity-30 rounded-full cursor-pointer w-4 h-8" title="{{ translate('toggle_theme') }}" v-on:click="toggleTheme">
<div class="flex flex-col justify-center items-center bg-gray-900 bg-opacity-30 rounded-full cursor-pointer w-4 h-8" title="{{ translate('toggle_theme') }}" v-on:click="toggleTheme">
<div class="flex justify-center items-center bg-white w-5 h-5 rounded-full shadow-md transform duration-300 ease-in-out" v-bind:class="{ '-translate-y-2': lightMode, 'translate-y-2': darkMode }">
<i class="fas fa-lightbulb fa-xs" v-bind:class="{ 'text-gray-600': darkMode, 'text-yellow-400': lightMode }"></i>
</div>