mirror of
https://github.com/brufdev/many-notes.git
synced 2026-01-26 12:58:51 -06:00
Add minor CSS improvements
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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" />
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user