mirror of
https://github.com/lana-k/sqliteviz.git
synced 2025-12-06 18:18:53 +08:00
42 lines
655 B
Vue
42 lines
655 B
Vue
<template>
|
|
<svg
|
|
:class="['chevron-icon', {'disabled': disabled}]"
|
|
width="20"
|
|
height="20"
|
|
viewBox="0 0 20 20"
|
|
fill="none"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M6.175 7.15002L10 10.975L13.825 7.15002L15 8.33336L10 13.3334L5 8.33336L6.175 7.15002Z"
|
|
fill="#C8D4E3"
|
|
/>
|
|
</svg>
|
|
</template>
|
|
|
|
<script>
|
|
|
|
export default {
|
|
name: 'DropDownChevron',
|
|
props: ['disabled']
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
.chevron-icon {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.chevron-icon:hover path {
|
|
fill: var(--color-accent);
|
|
}
|
|
|
|
.disabled.chevron-icon {
|
|
cursor: default;
|
|
}
|
|
|
|
.disabled.chevron-icon:hover path {
|
|
fill: #C8D4E3;
|
|
}
|
|
</style>
|