fix: Correct spelling of words(tigger →trigger)

This commit is contained in:
tangshuo 2022-10-17 15:29:12 +08:00
parent 531a18d023
commit c2ca2d736c
3 changed files with 10 additions and 10 deletions

View File

@ -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>
) )

View File

@ -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>

View File

@ -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)'
} }