改进 dropdown 组件

This commit is contained in:
Wisp X
2022-06-15 10:30:53 +08:00
parent 4d3bfed846
commit 8f6da67f4f
3 changed files with 7 additions and 7 deletions
+1 -1
View File
File diff suppressed because one or more lines are too long
@@ -7,12 +7,12 @@
<div x-show="open"
x-transition:enter="transition ease-out duration-200"
x-transition:enter-start="transform opacity-0 scale-95"
x-transition:enter-end="transform opacity-100 scale-100"
x-transition:enter-start="transform opacity-0 translate-y-9"
x-transition:enter-end="transform opacity-100 translate-y-0"
x-transition:leave="transition ease-in duration-75"
x-transition:leave-start="transform opacity-100 scale-100"
x-transition:leave-end="transform opacity-0 scale-95"
class="absolute z-[9] {{ $classes[$direction] }} mt-2 w-48 rounded-md shadow-lg py-1 bg-white ring-1 ring-black ring-opacity-5 focus:outline-none"
x-transition:leave-start="transform opacity-100 translate-y-0"
x-transition:leave-end="transform opacity-0 translate-y-9"
class="absolute z-[9] {{ $classes[$direction] }} mt-2 w-48 rounded-md shadow-[10px_0px_50px_-15px_rgba(0,0,0,0.25)] py-1 bg-white "
role="menu"
aria-orientation="vertical"
aria-labelledby="user-menu-button"
+1 -1
View File
@@ -1,4 +1,4 @@
<header class="transition-all duration-300 w-full h-14 bg-gray-700 text-white flex justify-center fixed top-0 z-[9] shadow-[0_15px_30px_-15px_rgba(0,0,0,0.5)]">
<header class="transition-all duration-300 w-full h-14 bg-gray-700 text-white flex justify-center fixed top-0 z-[9] shadow-[0_15px_10px_-15px_rgba(0,0,0,0.3)]">
<x-container class="w-full px-6 flex justify-between items-center">
<div class="flex justify-start items-center max-w-[70%]">
<a href="javascript:void(0)" @click="$store.sidebar.toggle()" class="w-6 h-6 p-4 rounded-full sm:hidden -ml-1 mr-4 flex justify-center items-center">