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

new design for tab header and sql editor

Browse Source
This commit is contained in:
lana-k
2020-11-11 14:41:55 +01:00
parent 4c685b6d7c
commit 9912ed24cf
6 changed files with 7 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/Tabs.vue
View File

@@ -81,6 +81,7 @@ export default {
#tabs-container {
position: relative;
height: 100%;
background-color: var(--color-bg-light);
}
#tabs__header {
display: flex;
@@ -119,19 +120,11 @@ export default {
color: var(--color-text-active);
font-weight: 600;
border-bottom: none;
background-color: var(--color-white);
}
#tabs__header .tab__selected:hover {
cursor: default;
}
#tabs__header .tab__selected:before {
content: '';
position: absolute;
width: 100%;
height: 5px;
background-color: var(--color-accent);
top: 0;
left: 0;
}
.close-icon {
margin-left: 5px;