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

connections UX WIP

Browse Source
This commit is contained in:
SPRINX0\prochazka
2024-11-25 16:34:09 +01:00
parent dfdb86de6f
commit e06d964de4
7 changed files with 61 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/web/src/buttons/FormStyledButton.svelte
View File

@@ -7,6 +7,7 @@
export let disabled = false;
export let value;
export let title = null;
export let skipWidth = false;
function handleClick() {
if (!disabled) dispatch('click');
@@ -19,19 +20,22 @@
}
</script>
<input {type} {value} {title} class:disabled {...$$restProps} on:click={handleClick} bind:this={domButton} />
<input {type} {value} {title} class:disabled {...$$restProps} on:click={handleClick} bind:this={domButton} class:skipWidth />
<style>
input {
border: 1px solid var(--theme-bg-button-inv-2);
padding: 5px;
margin: 2px;
width: 100px;
background-color: var(--theme-bg-button-inv);
color: var(--theme-font-inv-1);
border-radius: 2px;
}
input:not(.skipWidth) {
width: 100px;
}
input:hover:not(.disabled) {
background-color: var(--theme-bg-button-inv-2);
}