mirror of
https://github.com/lana-k/sqliteviz.git
synced 2025-12-07 18:48:55 +08:00
49 lines
801 B
Vue
49 lines
801 B
Vue
<template>
|
|
<svg
|
|
:class="['icon', { disabled: disabled }]"
|
|
:width="size"
|
|
:height="size"
|
|
viewBox="0 0 14 14"
|
|
fill="none"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
@click.stop="$emit('click')"
|
|
>
|
|
<path
|
|
d="M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14
|
|
12.59L8.41 7L14 1.41Z"
|
|
fill="#A2B1C6"
|
|
/>
|
|
</svg>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: 'CloseIcon',
|
|
props: {
|
|
size: {
|
|
type: Number,
|
|
required: false,
|
|
default: 14
|
|
},
|
|
disabled: {
|
|
type: Boolean,
|
|
required: false,
|
|
default: false
|
|
}
|
|
},
|
|
emits: ['click']
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
.icon {
|
|
cursor: pointer;
|
|
}
|
|
.disabled {
|
|
pointer-events: none;
|
|
}
|
|
.icon:hover path {
|
|
fill: var(--color-text-base);
|
|
}
|
|
</style>
|