yuany3721/vuepress-theme-plume
1
0
Fork 0
forked from gitea-yuany3721/vuepress-theme-plume
Code Pull Requests Activity

缓解Nav错误的换行

Browse Source
This commit is contained in:
huan_kong 2023-07-16 10:19:38 +08:00
parent 4f255e51ec
commit faa228c3d3
No known key found for this signature in database
GPG Key ID: 30EC93ED160273E6
2 changed files with 10 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
packages/theme/src/client/components/AutoLink.vue
View File

@ -30,15 +30,9 @@ const linkTo = (e: Event) => {
</script>
<template>
<Component
:is="tag"
class="auto-link"
:class="{ link: href }"
:href="href ? normalizeLink(href) : undefined"
:target="target || (isExternal ? '_blank' : undefined)"
:rel="rel || (isExternal ? 'noreferrer' : undefined)"
@click="linkTo($event)"
>
<Component :is="tag" class="auto-link" :class="{ link: href }" :href="href ? normalizeLink(href) : undefined"
:target="target || (isExternal ? '_blank' : undefined)" :rel="rel || (isExternal ? 'noreferrer' : undefined)"
@click="linkTo($event)">
<slot />
<IconExternalLink v-if="isExternal && !noIcon" class="icon" />
</Component>
@ -58,5 +52,6 @@ const linkTo = (e: Event) => {
.auto-link :deep(i) {
font-style: normal;
font-weight: inherit;
line-height: normal;
}
</style>

22
packages/theme/src/client/components/Flyout/index.vue
View File

@ -31,20 +31,9 @@ export default {
</script>
<template>
<div
ref="el"
class="flyout-wrapper"
@mouseenter="open = true"
@mouseleave="open = false"
>
<button
type="button"
class="button"
aria-haspopup="true"
:aria-expanded="open"
:aria-label="label"
@click="open = !open"
>
<div ref="el" class="flyout-wrapper" @mouseenter="open = true" @mouseleave="open = false">
<button type="button" class="button" aria-haspopup="true" :aria-expanded="open" :aria-label="label"
@click="open = !open">
<span v-if="button || icon" class="text">
<Icon v-if="prefixIcon" :name="prefixIcon" />
<Component :is="icon" v-if="icon" class="option-icon" />
@ -90,7 +79,7 @@ export default {
}
.flyout-wrapper:hover .menu,
.button[aria-expanded='true'] + .menu {
.button[aria-expanded='true']+.menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
@ -108,7 +97,8 @@ export default {
.text {
display: flex;
align-items: center;
line-height: var(--vp-nav-height);
/* line-height: var(--vp-nav-height); */
line-height: normal;
font-size: 14px;
font-weight: 500;
color: var(--vp-c-text-1);