fix: Correct spelling of words(tigger →trigger)
This commit is contained in:
parent
531a18d023
commit
c2ca2d736c
|
@ -48,25 +48,25 @@ export default defineComponent({
|
||||||
{layout.value !== 'top' ? (
|
{layout.value !== 'top' ? (
|
||||||
<div class="h-full flex items-center">
|
<div class="h-full flex items-center">
|
||||||
{hamburger.value && layout.value !== 'cutMenu' ? (
|
{hamburger.value && layout.value !== 'cutMenu' ? (
|
||||||
<Collapse class="hover-tigger" color="var(--top-header-text-color)"></Collapse>
|
<Collapse class="hover-trigger" color="var(--top-header-text-color)"></Collapse>
|
||||||
) : undefined}
|
) : undefined}
|
||||||
{breadcrumb.value ? <Breadcrumb class="<md:hidden"></Breadcrumb> : undefined}
|
{breadcrumb.value ? <Breadcrumb class="<md:hidden"></Breadcrumb> : undefined}
|
||||||
</div>
|
</div>
|
||||||
) : undefined}
|
) : undefined}
|
||||||
<div class="h-full flex items-center">
|
<div class="h-full flex items-center">
|
||||||
{screenfull.value ? (
|
{screenfull.value ? (
|
||||||
<Screenfull class="hover-tigger" color="var(--top-header-text-color)"></Screenfull>
|
<Screenfull class="hover-trigger" color="var(--top-header-text-color)"></Screenfull>
|
||||||
) : undefined}
|
) : undefined}
|
||||||
{size.value ? (
|
{size.value ? (
|
||||||
<SizeDropdown class="hover-tigger" color="var(--top-header-text-color)"></SizeDropdown>
|
<SizeDropdown class="hover-trigger" color="var(--top-header-text-color)"></SizeDropdown>
|
||||||
) : undefined}
|
) : undefined}
|
||||||
{locale.value ? (
|
{locale.value ? (
|
||||||
<LocaleDropdown
|
<LocaleDropdown
|
||||||
class="hover-tigger"
|
class="hover-trigger"
|
||||||
color="var(--top-header-text-color)"
|
color="var(--top-header-text-color)"
|
||||||
></LocaleDropdown>
|
></LocaleDropdown>
|
||||||
) : undefined}
|
) : undefined}
|
||||||
<UserInfo class="hover-tigger"></UserInfo>
|
<UserInfo class="hover-trigger"></UserInfo>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
|
|
|
@ -110,7 +110,7 @@ export const useRenderLayout = () => {
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<div class="flex items-center bg-[var(--top-header-bg-color)] border-bottom-1 border-solid border-[var(--top-tool-border-color)] dark:border-[var(--el-border-color)]">
|
<div class="flex items-center bg-[var(--top-header-bg-color)] border-bottom-1 border-solid border-[var(--top-tool-border-color)] dark:border-[var(--el-border-color)]">
|
||||||
{logo.value ? <Logo class="hover-tigger !pr-15px"></Logo> : undefined}
|
{logo.value ? <Logo class="hover-trigger !pr-15px"></Logo> : undefined}
|
||||||
|
|
||||||
<ToolHeader class="flex-1"></ToolHeader>
|
<ToolHeader class="flex-1"></ToolHeader>
|
||||||
</div>
|
</div>
|
||||||
|
@ -167,7 +167,7 @@ export const useRenderLayout = () => {
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<div class="flex items-center justify-between bg-[var(--top-header-bg-color)] border-bottom-1 border-solid border-[var(--top-tool-border-color)] dark:border-[var(--el-border-color)]">
|
<div class="flex items-center justify-between bg-[var(--top-header-bg-color)] border-bottom-1 border-solid border-[var(--top-tool-border-color)] dark:border-[var(--el-border-color)]">
|
||||||
{logo.value ? <Logo class="hover-tigger"></Logo> : undefined}
|
{logo.value ? <Logo class="hover-trigger"></Logo> : undefined}
|
||||||
<Menu class="flex-1 px-10px h-[var(--top-tool-height)]"></Menu>
|
<Menu class="flex-1 px-10px h-[var(--top-tool-height)]"></Menu>
|
||||||
<ToolHeader></ToolHeader>
|
<ToolHeader></ToolHeader>
|
||||||
</div>
|
</div>
|
||||||
|
@ -204,7 +204,7 @@ export const useRenderLayout = () => {
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<div class="flex items-center bg-[var(--top-header-bg-color)] border-bottom-1 border-solid border-[var(--top-tool-border-color)] dark:border-[var(--el-border-color)]">
|
<div class="flex items-center bg-[var(--top-header-bg-color)] border-bottom-1 border-solid border-[var(--top-tool-border-color)] dark:border-[var(--el-border-color)]">
|
||||||
{logo.value ? <Logo class="hover-tigger !pr-15px"></Logo> : undefined}
|
{logo.value ? <Logo class="hover-trigger !pr-15px"></Logo> : undefined}
|
||||||
|
|
||||||
<ToolHeader class="flex-1"></ToolHeader>
|
<ToolHeader class="flex-1"></ToolHeader>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -53,7 +53,7 @@ export default defineConfig({
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
addComponents({
|
addComponents({
|
||||||
'.hover-tigger': {
|
'.hover-trigger': {
|
||||||
display: 'flex',
|
display: 'flex',
|
||||||
height: '100%',
|
height: '100%',
|
||||||
padding: '1px 10px 0',
|
padding: '1px 10px 0',
|
||||||
|
@ -64,7 +64,7 @@ export default defineConfig({
|
||||||
backgroundColor: 'var(--top-header-hover-color)'
|
backgroundColor: 'var(--top-header-hover-color)'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
'.dark .hover-tigger': {
|
'.dark .hover-trigger': {
|
||||||
'&:hover': {
|
'&:hover': {
|
||||||
backgroundColor: 'var(--el-bg-color-overlay)'
|
backgroundColor: 'var(--el-bg-color-overlay)'
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue