mirror of
https://gitee.com/element-plus/element-plus.git
synced 2024-12-15 01:41:20 +08:00
a4063fd8d2
* docs: accessibility improvement for navbar * docs: accessibility improvement for demo * refactor: replace ElPopover with ElDropdown * docs: accessibility improvement for nav-full * docs: accessibility improvement for back-to-top * feat: add skip link that jump to the content
32 lines
561 B
Vue
32 lines
561 B
Vue
<script lang="ts" setup>
|
|
import ToggleButton from '../icons/toggle-button.vue'
|
|
</script>
|
|
|
|
<template>
|
|
<button class="reset-btn sidebar-button flex items-center">
|
|
<ElIcon :size="20" class="mr-2">
|
|
<ToggleButton />
|
|
</ElIcon>
|
|
<span class="leading-6">Menu</span>
|
|
</button>
|
|
</template>
|
|
|
|
<style>
|
|
.sidebar-button {
|
|
cursor: pointer;
|
|
color: var(--text-color);
|
|
}
|
|
|
|
.sidebar-button .icon {
|
|
display: block;
|
|
width: 1.25rem;
|
|
height: 1.25rem;
|
|
}
|
|
|
|
/* @media screen and (max-width: 1044px) {
|
|
.sidebar-button {
|
|
display: block;
|
|
}
|
|
} */
|
|
</style>
|