element-plus/docs/.vitepress/vitepress/components/subnav/toggle-sidebar-btn.vue
2022-04-05 09:20:54 +08:00

32 lines
545 B
Vue

<script lang="ts" setup>
import ToggleButton from '../icons/toggle-button.vue'
</script>
<template>
<div class="sidebar-button flex items-center">
<ElIcon :size="20" class="mr-2">
<ToggleButton />
</ElIcon>
<span class="leading-6">Menu</span>
</div>
</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>