Add minor CSS improvements

This commit is contained in:
brufdev
2025-01-09 15:09:23 +00:00
parent 9667a18fbb
commit d44fbdf92d
4 changed files with 5 additions and 5 deletions

View File

@@ -1,4 +1,4 @@
<button x-ref="button" @click="menuOpen = !menuOpen" @auxclick.outside="menuOpen = false" @keydown.escape="menuOpen = false"
class="flex items-center hover:text-light-base-950 hover:dark:text-base-50">
class="flex items-center hover:text-light-base-950 dark:hover:text-base-50">
{{ $slot }}
</button>

View File

@@ -85,7 +85,7 @@
}">
<ul>
<li class="relative p-3 mb-3 last:mb-0 bg-light-base-200 dark:bg-base-950" x-data="{ index: 1 }">
<button type="button" class="w-full text-left font-semibold" @click="toggle(index)">
<button type="button" class="w-full font-semibold text-left" @click="toggle(index)">
<div class="flex items-center justify-between">
<span>{{ __( 'Templates' ) }}</span>
<x-icons.chevronRight x-show="!isSelected(index)" class="w-5 h-5" />

View File

@@ -11,7 +11,7 @@
<button type="button" wire:click="$parent.openFile({{ $node->id }}); modalOpen = false"
class="flex flex-col w-full gap-2 py-1 text-left hover:text-light-base-950 dark:hover:text-base-50">
<span class="flex gap-2">
<span class="overflow-hidden whitespace-nowrap text-ellipsis font-semibold"
<span class="overflow-hidden font-semibold whitespace-nowrap text-ellipsis"
title="{{ $node->name }}">
{{ $node->name }}
</span>

View File

@@ -1,11 +1,11 @@
<div class="flex flex-col h-dvh">
<x-layouts.appHeader>
<div class="flex items-center gap-4">
<button type="button" @click="$dispatch('sidebar-left-toggle')" class="hover:text-light-base-950 hover:dark:text-base-50">
<button type="button" @click="$dispatch('sidebar-left-toggle')" class="hover:text-light-base-950 dark:hover:text-base-50">
<x-icons.folder class="w-5 h-5" />
</button>
<button type="button" @click="$wire.dispatchTo('modals.search-node', 'open-modal')" class="hover:text-light-base-950 hover:dark:text-base-50">
<button type="button" @click="$wire.dispatchTo('modals.search-node', 'open-modal')" class="hover:text-light-base-950 dark:hover:text-base-50">
<x-icons.magnifyingGlass class="w-5 h-5" />
</button>
</div>