dennii/dbgate
1
0
Fork 0
mirror of https://github.com/DeNNiiInc/dbgate.git synced 2026-04-19 11:56:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

grid scroll bars

Browse Source
This commit is contained in:
Jan Prochazka
2021-02-25 10:25:34 +01:00
parent ef910f43a6
commit 2ffd729465
8 changed files with 139 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/web/src/widgets/DropDownButton.svelte Normal file
View File

@@ -0,0 +1,8 @@
<script>
import FontIcon from '../icons/FontIcon.svelte';
import InlineButton from './InlineButton.svelte';
</script>
<InlineButton square>
<FontIcon icon="icon chevron-down" />
</InlineButton>

15
packages/web/src/widgets/InlineButton.svelte
View File

@@ -11,9 +11,12 @@
<style>
.outer {
background: linear-gradient(to bottom, var(--theme-bg-2) 5%, var(--theme-bg-3) 100%);
background-color: var(--theme-bg-2);
border: 1px solid var(--theme-bg-3);
--bg-1: var(--theme-bg-1);
--bg-2: var(--theme-bg-3);
background: linear-gradient(to bottom, var(--bg-1) 5%, var(--bg-2) 100%);
background-color: var(--bg-1);
border: 1px solid var(--bg-2);
display: inline-block;
cursor: pointer;
vertical-align: middle;
@@ -30,9 +33,9 @@
}
.outer:hover:not(.disabled) {
border: 1px solid var(--theme-bg-2);
background: linear-gradient(to bottom, var(--theme-bg-3) 5%, var(--theme-bg-2) 100%);
background-color: var(--theme-bg-3);
border: 1px solid var(--bg-1);
background: linear-gradient(to bottom, var(--bg-2) 5%, var(--bg-1) 100%);
background-color: var(--bg-2);
}
.inner {