mirror of
https://gitee.com/element-plus/element-plus.git
synced 2024-12-15 01:41:20 +08:00
32 lines
545 B
Vue
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>
|