1
0
mirror of https://github.com/lana-k/sqliteviz.git synced 2025-12-07 02:28:54 +08:00

add toolbar to my queries table

This commit is contained in:
lana-k
2020-10-08 22:36:13 +02:00
parent 597f0c5fbf
commit 400dcc4eea
3 changed files with 24 additions and 3 deletions

View File

@@ -1,6 +1,16 @@
<template>
<div>
<div id="my-queries-content">
<div id="my-queries-toolbar">
<div id="toolbar-buttons">
<button>Import</button>
<button>Export</button>
<button>Delete</button>
</div>
<div id="toolbar-search">
<input type="text" placeholder="Search query by name"/>
</div>
</div>
<div class="rounded-bg">
<div class="header-container">
<div>
@@ -87,15 +97,20 @@ export default {
#my-queries-content {
padding: 52px;
}
.rounded-bg {
#my-queries-toolbar {
display: flex;
justify-content: space-between;
}
.rounded-bg,
#my-queries-toolbar {
margin: 0 auto;
max-width: 1500px;
width: 100%;
}
table {
margin-top: 0;
width: 100%;
max-width: 100%;
}
tbody tr td {
overflow: hidden;