zynfly/sqliteviz
1
0
Fork 0
mirror of https://github.com/lana-k/sqliteviz.git synced 2025-12-07 02:28:54 +08:00
Code Issues Projects Releases Wiki Activity

add table to my queries

Browse Source
This commit is contained in:
lana-k
2020-10-08 21:24:05 +02:00
parent d66b368ce5
commit 597f0c5fbf
12 changed files with 305 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/svg/copy.vue Normal file
View File

@@ -0,0 +1,21 @@
<template>
<svg class="icon" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.25 15.75H6V5.25H14.25V15.75ZM14.25 3.75H6C5.60218 3.75 5.22064 3.90804 4.93934 4.18934C4.65804 4.47064 4.5 4.85218 4.5 5.25V15.75C4.5 16.1478 4.65804 16.5294 4.93934 16.8107C5.22064 17.092 5.60218 17.25 6 17.25H14.25C14.6478 17.25 15.0294 17.092 15.3107 16.8107C15.592 16.5294 15.75 16.1478 15.75 15.75V5.25C15.75 4.85218 15.592 4.47064 15.3107 4.18934C15.0294 3.90804 14.6478 3.75 14.25 3.75ZM12 0.75H3C2.60218 0.75 2.22064 0.908035 1.93934 1.18934C1.65804 1.47064 1.5 1.85218 1.5 2.25V12.75H3V2.25H12V0.75Z" fill="#A2B1C6"/>
</svg>
</template>
<script>
export default {
name: 'CopyIcon'
}
</script>
<style scoped>
.icon {
vertical-align: middle;
margin: 0 12px;
}
.icon:hover path {
fill: var(--color-accent);
}
</style>

22
src/components/svg/delete.vue Normal file
View File

@@ -0,0 +1,22 @@
<template>
<svg class="icon" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.75 2.25V3H3V4.5H3.75V14.25C3.75 14.6478 3.90804 15.0294 4.18934 15.3107C4.47064 15.592 4.85218 15.75 5.25 15.75H12.75C13.1478 15.75 13.5294 15.592 13.8107 15.3107C14.092 15.0294 14.25 14.6478 14.25 14.25V4.5H15V3H11.25V2.25H6.75ZM5.25 4.5H12.75V14.25H5.25V4.5ZM6.75 6V12.75H8.25V6H6.75ZM9.75 6V12.75H11.25V6H9.75Z" fill="#A2B1C6"/>
</svg>
</template>
<script>
export default {
name: 'DeleteIcon'
}
</script>
<style scoped>
.icon {
vertical-align: middle;
margin: 0 0 0 12px;
}
.icon:hover path {
fill: var(--color-accent);
}
</style>

22
src/components/svg/export.vue Normal file
View File

@@ -0,0 +1,22 @@
<template>
<svg class="icon" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.5 1.5H4.5C3.675 1.5 3 2.175 3 3V15C3 15.825 3.675 16.5 4.5 16.5H13.5C14.325 16.5 15 15.825 15 15V6L10.5 1.5ZM13.5 15H4.5V3H9.75V6.75H13.5V15ZM12 8.25V13.575L10.425 12L8.325 14.1L6.225 12L8.325 9.9L6.675 8.25H12Z" fill="#A2B1C6"/>
</svg>
</template>
<script>
export default {
name: 'ExportIcon'
}
</script>
<style scoped>
.icon {
vertical-align: middle;
margin: 0 12px;
}
.icon:hover path {
fill: var(--color-accent);
}
</style>

22
src/components/svg/rename.vue Normal file
View File

@@ -0,0 +1,22 @@
<template>
<svg class="icon" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.545 6.75L11.25 7.455L4.44 14.25H3.75V13.56L10.545 6.75ZM13.245 2.25C13.0575 2.25 12.8625 2.325 12.72 2.4675L11.3475 3.84L14.16 6.6525L15.5325 5.28C15.825 4.9875 15.825 4.5 15.5325 4.2225L13.7775 2.4675C13.6275 2.3175 13.44 2.25 13.245 2.25ZM10.545 4.6425L2.25 12.9375V15.75H5.0625L13.3575 7.455L10.545 4.6425Z" fill="#A2B1C6"/>
</svg>
</template>
<script>
export default {
name: 'RenameIcon'
}
</script>
<style scoped>
.icon {
vertical-align: middle;
margin: 0 12px 0 6px;
}
.icon:hover path {
fill: var(--color-accent);
}
</style>