fix: minor fix
This commit is contained in:
parent
505ae3c12e
commit
262f8fc362
@ -1,10 +1,13 @@
|
|||||||
<template>
|
<template>
|
||||||
<div
|
<div
|
||||||
class="flex h-7 items-center rounded text-gray-800 cursor-pointer transition-all duration-300 ease-in-out"
|
class="flex h-7 items-center rounded text-gray-800 cursor-pointer duration-300 ease-in-out"
|
||||||
:class="isActive ? 'bg-white shadow-sm' : 'hover:bg-gray-100'"
|
:class="isActive ? 'bg-white shadow-sm' : 'hover:bg-gray-100'"
|
||||||
@click="handleClick"
|
@click="handleClick"
|
||||||
>
|
>
|
||||||
<div class="flex items-center p-1">
|
<div
|
||||||
|
class="flex items-center duration-300 ease-in-out"
|
||||||
|
:class="isCollapsed ? 'p-1' : 'px-2 py-1'"
|
||||||
|
>
|
||||||
<Tooltip :text="label" placement="right">
|
<Tooltip :text="label" placement="right">
|
||||||
<slot name="icon">
|
<slot name="icon">
|
||||||
<span class="grid h-5 w-6 place-items-center flex-shrink-0">
|
<span class="grid h-5 w-6 place-items-center flex-shrink-0">
|
||||||
@ -15,7 +18,9 @@
|
|||||||
<span
|
<span
|
||||||
class="flex-shrink-0 text-base duration-300 ease-in-out"
|
class="flex-shrink-0 text-base duration-300 ease-in-out"
|
||||||
:class="
|
:class="
|
||||||
isCollapsed ? 'opacity-0 ml-0 w-0 overflow-hidden' : 'opacity-100 ml-2 w-auto'
|
isCollapsed
|
||||||
|
? 'opacity-0 ml-0 w-0 overflow-hidden'
|
||||||
|
: 'opacity-100 ml-2 w-auto'
|
||||||
"
|
"
|
||||||
>
|
>
|
||||||
{{ label }}
|
{{ label }}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user