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

styles and pagination for sql results table

Browse Source
This commit is contained in:
lana-k
2020-10-03 20:24:03 +02:00
parent ab04ff3e87
commit 2371cd5acc
8 changed files with 346 additions and 120 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/assets/styles/scrollbars.css
View File

@@ -1,16 +1,17 @@
/* width */
::-webkit-scrollbar {
width: 5px;
}
width: 5px;
height: 5px;
}
/* Track */
::-webkit-scrollbar-track {
background: #ebf0f8;
}
/* Track */
::-webkit-scrollbar-track {
background: transparent;
border-radius: 5px;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: var(--color-accent);
border-radius: 10px;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: var(--color-accent);
border-radius: 10px;
}

57
src/assets/styles/variables.css
View File

@@ -1,36 +1,37 @@
:root {
--color-white: #ffffff;
--color-gray-light: #F3F6FA;
--color-gray-light-2: #DFE8F3;
--color-gray-light-3: #C8D4E3;
--color-gray-light-4:#EBF0F8;
--color-gray-medium: #A2B1C6;
--color-gray-dark: #506784;
--color-blue-medium: #119DFF;
--color-blue-dark: #0D76BF;
--color-blue-dark-2: #2A3F5F;
--color-white: #ffffff;
--color-gray-light: #F3F6FA;
--color-gray-light-2: #DFE8F3;
--color-gray-light-3: #C8D4E3;
--color-gray-light-4:#EBF0F8;
--color-gray-medium: #A2B1C6;
--color-gray-dark: #506784;
--color-blue-medium: #119DFF;
--color-blue-dark: #0D76BF;
--color-blue-dark-2: #2A3F5F;
--color-bg-light: var(--color-gray-light);
--color-bg-light-2: var(--color-gray-light-2);
--color-accent: var(--color-blue-medium);
--color-accent-shade: var(--color-blue-dark);
--color-border-light: var(--color-gray-light-2);
--color-border: var(--color-gray-light-3);
--color-text-light: var(--color-white);
--color-text-light-2: var(--color-gray-medium);
--color-text-base: var(--color-gray-dark);
--color-text-medium: var(--color-gray-medium);
--color-text-active: var(--color-blue-dark-2);
--color-bg-light: var(--color-gray-light);
--color-bg-light-2: var(--color-gray-light-2);
--color-bg-dark: var(--color-gray-dark);
--color-accent: var(--color-blue-medium);
--color-accent-shade: var(--color-blue-dark);
--color-border-light: var(--color-gray-light-2);
--color-border: var(--color-gray-light-3);
--color-text-light: var(--color-white);
--color-text-light-2: var(--color-gray-medium);
--color-text-base: var(--color-gray-dark);
--color-text-medium: var(--color-gray-medium);
--color-text-active: var(--color-blue-dark-2);
--shadow: 0 1px 2px rgba(42, 63, 95, 0.7);
--shadow: 0 1px 2px rgba(42, 63, 95, 0.7);
--border-radius-big: 5px;
--border-radius-medium: 3px;
--border-radius-medium-2: 4px;
--border-radius-small: 2px;
}
--border-radius-big: 5px;
--border-radius-medium: 3px;
--border-radius-medium-2: 4px;
--border-radius-small: 2px;
}