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

finish rename feature

Browse Source
This commit is contained in:
lana-k
2020-10-13 19:57:07 +02:00
parent 9c6aae7c02
commit 805f2861aa
9 changed files with 149 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/assets/styles/buttons.css
View File

@@ -1,3 +1,12 @@
button {
box-sizing: border-box;
height: 36px;
padding: 0 12px;
font-size: 14px;
font-weight: 600;
cursor: pointer;
}
button:focus {
outline: none;
}
@@ -5,16 +14,10 @@ button:focus {
button.primary {
background: var(--color-accent);
border: 1px solid var(--color-accent-shade);
box-sizing: border-box;
border-radius: var(--border-radius-big);
height: 36px;
padding: 0 12px;
min-width: 83px;
color: var(--color-text-light);
text-shadow: var(--shadow);
font-size: 14px;
font-weight: 600;
cursor: pointer;
}
button.primary:hover {
@@ -22,8 +25,6 @@ button.primary:hover {
border: 1px solid var(--color-accent-shade);
color: var(--color-text-light);
text-shadow: var(--shadow);
font-size: 14px;
font-weight: 600;
}
button.primary:disabled {
@@ -37,27 +38,20 @@ button.primary:disabled {
button.secondary {
background: white;
border: 1px solid var(--color-border);
box-sizing: border-box;
border-radius: var(--border-radius-big);
height: 36px;
padding: 0 12px;
min-width: 83px;
color: var(--color-text-base);
font-size: 14px;
font-weight: 600;
cursor: pointer;
}
button.secondary:hover {
border: 1px solid var(--color-text-light-2);
color: var(--color-text-active);
}
button.toolbar {
background: transparent;
border: none;
box-sizing: border-box;
height: 36px;
padding: 0 12px;
color: var(--color-text-base);
font-size: 14px;
font-weight: 600;
cursor: pointer;
}
button.toolbar:hover {

10
src/assets/styles/dialogs.css
View File

@@ -6,7 +6,7 @@
.dialog-header {
height: 46px;
line-height: 46px;
padding: 0 12px;
padding: 0 22px 0 12px;
color: var(--color-text-base);
font-size: 16px;
font-weight: 600;
@@ -28,3 +28,11 @@
background-color: var(--color-bg-light);
padding: 24px;
}
.dialog-buttons-container button {
margin-left: 16px;
}
.vm--overlay {
background-color: rgba(162, 177, 198, 0.5);
}

18
src/assets/styles/textFields.css
View File

@@ -1,18 +0,0 @@
input[type="text"] {
background: var(--color-white);
border: 1px solid var(--color-border);
color: var(--color-text-base);
border-radius: var(--border-radius-medium-2);
height: 36px;
padding: 0 8px;
font-size: 12px;
}
input[type="text"]::placeholder {
color: var(--color-text-light-2);
}
input[type="text"]:focus {
outline: none;
}

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

@@ -10,6 +10,7 @@
--color-blue-medium: #119DFF;
--color-blue-dark: #0D76BF;
--color-blue-dark-2: #2A3F5F;
--color-red: #EF553B;
@@ -25,6 +26,7 @@
--color-text-light-2: var(--color-gray-medium);
--color-text-base: var(--color-gray-dark);
--color-text-active: var(--color-blue-dark-2);
--color-text-error: var(--color-red);
--shadow: 0 1px 2px rgba(42, 63, 95, 0.7);