zynfly/sqliteviz
1
0
Fork 0
mirror of https://github.com/lana-k/sqliteviz.git synced 2025-12-07 10:38: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

77
src/assets/styles/tables.css Normal file
View File

@@ -0,0 +1,77 @@
.rounded-bg {
padding: 40px 5px 5px;
background-color: white;
border-radius: 5px;
position: relative;
border: 1px solid var(--color-border-light);
}
.header-container {
overflow: hidden;
position: absolute;
top: -1px;;
left: -1px;
width: calc(100% + 2px);
padding-left: 7px;
box-sizing: border-box;
background-color: var(--color-bg-dark);
border-radius: 5px 5px 0 0;
}
.header-container > div {
display: flex;
width: fit-content;
padding-right: 10px;
}
.table-container {
width: 100%;
overflow: auto;
}
table {
min-width: 100%;
margin-top: -40px;
border-collapse: collapse;
}
thead th, .fixed-header {
font-size: 14px;
font-weight: 600;
box-sizing: border-box;
background-color: var(--color-bg-dark);
color: var(--color-text-light);
border-right: 1px solid var(--color-border-light);
}
tbody td {
font-size: 13px;
background-color:white;
color: var(--color-text-base);
box-sizing: border-box;
border-bottom: 1px solid var(--color-border-light);
border-right: 1px solid var(--color-border-light);
}
td, th, .fixed-header {
padding: 12px 24px;
white-space: nowrap;
}
tbody tr td:last-child,
thead tr th:last-child,
.header-container div .fixed-header:last-child {
border-right: none;
}
td > div.cell-data {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.table-footer {
display: flex;
justify-content: space-between;
padding: 6px 12px;
}
.table-footer-count {
font-size: 11px;
color: var(--color-text-base);
}