Apply hover style for lists and min height for dashboard configuration.

This commit is contained in:
2025-02-06 15:16:33 +01:00
parent 3884a54539
commit 53f087eed0
10 changed files with 13 additions and 16 deletions

View File

@@ -13,7 +13,7 @@
<!-- Selection of available dashboard tiles -->
<div id="settings"
class="hidden absolute bg-white dark:bg-gray-800 overflow-hidden shadow-sm sm:rounded-lg w-full h-full z-10">
class="hidden absolute bg-white dark:bg-gray-800 overflow-hidden shadow-sm sm:rounded-lg w-full h-full min-h-fit z-10">
<div class="p-6 text-gray-900 dark:text-gray-100">
<h2 class="mb-4 text-lg text-center font-medium text-gray-900 dark:text-gray-100">{{ __('dashboard.Available') }}</h2>
@@ -30,7 +30,7 @@
<!-- Configuration of available dashboard tiles -->
<div id="configuration"
class="hidden absolute bg-white dark:bg-gray-800 overflow-hidden shadow-sm sm:rounded-lg w-full h-full z-10">
class="hidden absolute bg-white dark:bg-gray-800 overflow-hidden shadow-sm sm:rounded-lg w-full h-full z-10">
<div class="p-6 text-gray-900 dark:text-gray-100">
<h2 class="mb-4 text-lg text-center font-medium text-gray-900 dark:text-gray-100">{{ __('dashboard.Configuration') }}</h2>
<form class="w-1/2" @submit.prevent="">
@@ -70,8 +70,9 @@
x-model="config_tile.settings"/>
</div>
<div>
<div class="flex flex-row gap-8 mt-8">
<x-primary-button x-on:click="submit();" class="">{{ __('form.Save') }}</x-primary-button>
<x-primary-button x-on:click="document.getElementById('configuration').classList.toggle('hidden');" class="">{{ __('form.Cancel') }}</x-primary-button>
</div>
</form>