mirror of
https://gitee.com/element-plus/element-plus.git
synced 2024-12-14 17:31:02 +08:00
33 lines
514 B
Vue
33 lines
514 B
Vue
|
<script lang="ts" setup>
|
||
|
|
import ToggleButton from '../icons/toggle-button.vue'
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<div class="sidebar-button">
|
||
|
|
<ElIcon :size="24">
|
||
|
|
<ToggleButton />
|
||
|
|
</ElIcon>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
.sidebar-button {
|
||
|
|
cursor: pointer;
|
||
|
|
color: var(--text-color);
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sidebar-button .icon {
|
||
|
|
display: block;
|
||
|
|
width: 1.25rem;
|
||
|
|
height: 1.25rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* @media screen and (max-width: 1044px) {
|
||
|
|
.sidebar-button {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
} */
|
||
|
|
</style>
|